添加类似于代码编辑器的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组件，您的尝试，可能会发挥作用。

简单代码编辑器：http://satya164.xyz/react-simple-code-editor/：

https://securingsincity.github.io/react-ace/

1. React是一种增强器：https://www.npmjs.com/package/react-ace演示：https://www.npmjs.com/package/react-ace

黑客行动愉快！