添加类似代码编辑器的 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/

快乐黑客!

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...