问题标签 [react-codemirror2]

react-codemirror2 中的这个例子完全混淆了这个例子，它同时使用了import和require语法；[参见 https://github.com/scniro/react-codemirror2 部分requiring codemirror resources]

我知道 require('codemirror/etc') 东西是指一个普通的 JS 库依赖项（不是特定于 React 的），但是为什么它require甚至可以在不抛出错误的情况下工作呢？

可以require用 代替import吗？如何使 VS Code 编辑器中的警告消失？

我开始在 React 项目中使用 CodeMirror 6（也就是暂时的下一个）。

过去，我使用 React CodeMirror 2 作为包装器。即将推出的 CodeMirror 版本是否有类似的功能？

我看到了很多例子，它适用于所有人，但我不知道为什么它没有突出显示我的代码。我尝试了许多解决方案，但没有一个对我有用。

此外，当用户单击代码的演示时，我需要在其中注入我自己的自定义 HTML 文件作为初始文件，并且用户可以更改文件并运行用户想要的自己的自定义代码。

这是输出的屏幕截图：

我用于编辑器的代码

那是我调用我的编辑器的新文件：

我在反应项目中使用 react-codemirror2 。我想添加自动括号关闭和自动标签关闭等功能。有一个名为 @codemirror/closebrackets 的 npm 包，但我找不到任何文档来做到这一点。

这是我的反应组件。指定是否有办法不用像 @codemirror/closebrackets 这样的附加包。

我将 react-codemirror2 用于在线代码编辑器类型的项目。我想实现我自己的实时协作平台。在 quill js 中，我们可以使用 delta 对象来执行此操作。在代码镜像中，我们可以从 onBeforeChange 事件处理程序中获取“数据”对象。有没有办法像 delta 对象一样使用该数据对象？（隐蔽到编辑的价值，反之亦然）

我可以从 onChange 操作中获取 textArea 中的数据，但这会花费我太多的状态渲染，导致我的区域失去焦点。

我想在 Onblur 事件的 codeArea 中获取 textWritten。OnBlur 事件仅返回 DOMEvent。

如何获取 textArea 中的代码以响应 onBlur 事件触发器？

我在 Next.js 应用程序中使用react-codemirror2 Editor。默认情况下，编辑器会标记语法验证错误和警告。我想确保用户保存代码时代码中没有语法错误。我需要访问验证结果，我不知道如何实现。这是我的代码：

当我尝试安装 react-codemirror2 时出现错误并且没有安装在我的应用程序中（我的反应版本是 @17.0.2）为什么它没有安装？

下面的错误列表

我将主题放到 node modules 文件夹内的 react-codemirror2 文件夹中，但是在构建时找不到主题，因为当我复制新包时，文件消失了。

如何创建自定义主题？

我对 CSS 相当陌生，我似乎无法弄清楚为什么我的编辑会以他们的方式响应float: left. 我正在尝试使以下编辑器水平相邻：

使用以下 CSS：

一旦我添加float: left到.left-editor, .right-editor编辑器就会消失，看起来像这样：

知道为什么吗？