问题描述
我想在我的 React 应用程序中嵌入一个代码编辑器。代码编辑器应该像 vscode。一些网站 -(https://play.tailwindcss.com/,https://www.typescriptlang.org/play/) 在他们的网页中使用这些 vscode 类型的代码编辑器。我的简单问题是如何嵌入它们以及是否有任何可用的库。我见过一个叫做 ace 的东西,但它不像 vscode。
谢谢:)
解决方法
后来在查看 html 源代码后我发现它 - https://microsoft.github.io/monaco-editor/
,您可以尝试几种不同的 NPM 组件。
-
React 简单代码编辑器:https://www.npmjs.com/package/react-simple-code-editor 演示:http://satya164.xyz/react-simple-code-editor/
-
React Ace 更强大一点:https://www.npmjs.com/package/react-ace 演示:https://securingsincity.github.io/react-ace/
快乐黑客!