问题标签 [react-codemirror]

我正在使用react-codemirror节点模块，如下所示：

该change事件运行良好，但我似乎无法与该beforeChange事件挂钩。有人知道我在做什么错吗？

我在我的类中声明了处理程序，如下所示：

要求是创建其方法可以被其他组件访问的组件，以便通过其他组件我们可以提供警报消息。（像烤面包机）

我知道我们可以通过以下方法做到这一点：

1. statics - React.createClass 或 es6 类中的静态。

2. 使用组件的 ref。

但是实现这一目标的最佳方法是什么？

我在我的项目中使用 django、react 和 react-codemirror2，用户可以在其中输入 SQL 代码。我遇到了一个问题，其中只有 textarea 中的部分文本存在于 request.POST 中。我发现大部分只是文本区域最后一行的一部分被发送。我很困惑。

反应组件

超级简单的django视图（只是为了看看提交了什么）

例如，在文本区域中，如果键入以下内容

print(request.POST['sql']) 在控制台显示以下内容

为了完整起见，这是页面加载时的 textarea 标签

我正在尝试为 Codemirror 实例实现我自己的搜索界面。我目前正在使用react-codemirror2并且我的 Component 有一个 CodeMirror 实例，例如：

我正在尝试在文件开头使用 CodeMirror 提供的插件，例如：

getSearchCursor在我的方法中返回一个SearchCursor对象，OnFind但是如何使用它来突出显示匹配项？用另一个字符串替换出现？使用插件功能似乎非常困难。

插件部分记录在这里：插件

我将react-codemirror2添加到我的项目中，但是尽管我导入了文件，但它没有加载 css codemirror.css，因为它提到 css 应该以某种方式应用到组件中（提到这里），但长话短说它仍然呈现如下： 没有 CSS 的代码镜像

我真的不知道问题是什么。所以这是我的代码：

我还尝试了项目文件中@import的 css 文件global.css（如下所示），但没有任何改变。

我真的不知道还应该尝试什么或我做错了什么，因为它不应该是非常特别的东西。所以我问你，任何建议都会有所帮助。

谢谢 ：）

抛出错误

TypeError：无法读取未定义的属性“anyword”

我已经导入了提示所需的必要插件文件，但仍然出现错误。

我在让 codemirror 在混合模式下将正确的自动缩进应用到内部模式时遇到了一些麻烦。

您可以在此处查看该模式的实时版本（以及它如何不起作用）： https ://extremely-alpha.iodide.io/notebooks/216/但简而言之，这个想法是能够使用 matlab 样式的块分隔符来在这样的语言之间切换：

正如您从我的示例链接中看到的那样，语法突出显示工作正常，但您也会注意到缩进没有按预期工作。

此代码镜像模式的代码在 github 上。它非常基于codemirror 的 html 混合模式。

我尝试将 copyState 添加到我的代码中，再次遵循 html 混合模式——

- 但这会导致另一种奇怪的缩进行为，并且最终无法正常工作。

很长一段时间以来，我一直在努力解决这个问题，但我无法通过谷歌、api 文档和论坛将它拼凑起来，所以任何帮助都将不胜感激！谢谢！

使用 react-codemirror2 和 react-jsonschema-form 开始了一个新项目，也非常相似https://mozilla-services.github.io/react-jsonschema-form/

但是，当我的 codemirror 编辑器呈现 JSON 时，我将所有节目加载在一行上。我已经浏览了https://mozilla-services.github.io/react-jsonschema-form/的源代码，找不到任何与我所拥有的不同的东西。

我的源代码：

编辑：问题是我将 JSON 解析为字符串而不是

JSON.stringify(json)

我用了

JSON.stringify(json, null, 2)

我有一个自定义的 CM 主题，重要的部分是这样的：

使用这个主题会导致文本在第一次渲染时测量不正确，但在编辑器更新后看起来不错：

有什么办法可以强制编辑/文档重新测量文本？找不到任何 API 方法。

我正在使用 react-codemirror2。我曾经npx create-react-app appname创建我的应用程序。

但是当我尝试运行开发服务器时，它给了我以下错误 -

一种解决方案建议更改 modulesDirectories。我尝试使用npm run eject. 但没有成功。

请帮助我