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

Adding vscode like code editor to react application

我想在我的 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/

祝您黑客愉快!