添加类似代码编辑器的 vscode 来响应应用程序

如何解决添加类似代码编辑器的 vscode 来响应应用程序

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

谢谢:)

解决方法

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

,

您可以尝试几种不同的 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/

快乐黑客！