添加类似代码编辑器的 vscode 以响应应用程序 [关闭]

Question

我想在我的 react 应用程序中嵌入一个代码编辑器。代码编辑器应该像 vscode。一些网站（https://play.tailwindcss.com/，https://www.typescriptlang.org/play/）在他们的网页中使用这些 vscode 类型的代码编辑器。我的简单问题是如何嵌入它们以及是否有可用的库。我见过一个叫 ace 的东西，但它不像 vscode。

谢谢:)

Answer 1

后来在查看 html 源代码后，我发现它 - https://microsoft.github.io/monaco-editor/

Answer 2

您可以尝试几种不同的 NPM 组件来解决问题。

1. React 简单代码编辑器：https://www.npmjs.com/package/react-simple-code-editor 演示：http://satya164.xyz/react-simple-code-editor/

2. React Ace 更强大：https://www.npmjs.com/package/react-ace 演示：https://securingsincity.github.io/react-ace/

黑客攻击愉快！