问题标签 [codemirror-modes]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
349 浏览

gulp - React Codemirror + Browserify 不呈现 htmlmixed 模式

我正在尝试使用react-codemirror在表单中显示一大块 html,但由于某种原因,我无法让 codemirror 正常运行。在切换到 react-codemirror 之前,我在使用 browserify + vanilla codemirror 时遇到了同样的问题,所以我几乎可以肯定问题在于我如何设置我的构建。

首先,React 组件:

然后,gulpfile.js(我正在使用 gulp 构建 browserify 包):

这一切的结果如下:

错误配置的 codemirror 的屏幕截图

正如你所看到的,没有语法高亮并且段落结尾(以及光标结尾)有奇怪的 A^ 字符。我不知道发生了什么。

我试图解决这个问题的一些更相关的事情:

  • require('codemirror/mode/xml/xml'); require('codemirror/mode/css/css'); require('codemirror/mode/javascript/javascript');导入 codemirror 后添加到 React 文件中。行为没有变化。

  • 包括'codemirror/mode/htmlmixed/htmlmixed'以及gulpfile 中'codemirror/mode/xml/xml', 'codemirror/mode/css/css', 'codemirror/mode/javascript/javascript'libs变量。失败并出现错误,表明浏览器无法解析require('../../lib/codemirror')模式文件。我找不到摆脱错误的好方法。除了这个问题,我注意到我libs.js是用模式文件构建的,不管我将模式位置字符串添加到 libs 变量中。这向我表明,这些模式虽然包含,但被错误地包含在 libs.js 文件中?如果是这样,我无法想象为什么当我只有变量时浏览器控制台没有显示'codemirror'错误libs

非常感谢调试此问题的任何帮助!(如果您需要更多信息,请告诉我)

0 投票
2 回答
1809 浏览

css - 隐藏在引导模式后面的 Codemirror 自动完成

我在引导模式中遇到代码镜像自动完成问题,它隐藏在模式后面。所以它可以工作,但不会出现在顶部。

到目前为止,我已经尝试使用 css 修改,例如:

但类似这个解决方案的任何东西都不起作用,都试过了

位置:绝对

位置:相对

但没有运气。如果有帮助,我正在使用 bootstrap 3.0 和 codemirror 5.20.0。codemirror 的烦人之处在于,一旦我尝试检查元素,自动完成功能就会消失。我正在使用 Chrome 最新的 Build 和 Firefox 都存在同样的问题。

编辑:

以下是 modal show 上 codemirror 的代码:

以下是模态弹出窗口:

codemirror 插件序列

仅供参考:如果有帮助,我正在使用 asp.net mvc。

0 投票
1 回答
267 浏览

codemirror - CodeMirror:TextMarker 与模式

我正在 CodeMirror 中试验文本注释。

TextMarker使用和 和有什么区别Mode

似乎两者都可以完成,但ModeAPI 似乎更复杂。

是否有显着的性能改进Mode

0 投票
1 回答
280 浏览

codemirror - 在代码镜像的情况下撤消重做堆栈不同

应为每个分隔符维护撤消重做堆栈,并暂停获取键盘缓冲区。

有没有办法配置代码镜像撤消重做行为。

0 投票
1 回答
2755 浏览

javascript - CodeMirror 标记文本不起作用

我正在使用这样的 CodeMirror 来向用户显示一些 XML 响应。

代码

JS代码

现在,当我尝试使用无效的 markText 突出显示某些特定行时。当然“xml”模式正在工作,但第 5 行没有用红色突出显示。

我真的很感谢你的帮助。已经3天了,我试图完成它。谢谢。

0 投票
1 回答
823 浏览

javascript - 在 CodeMirror 中的给定行号处设置滚动条位置

我想在给定行的 codemirror 中设置滚动条位置。我正在使用如下所示的 scrollTo() 方法。但它不起作用。假设总共有 100 行,最初我想从第 61 行显示用户。

谁能帮我 ?

0 投票
1 回答
476 浏览

javascript - 有人可以给我一步一步的教程吗?

我开始使用codeMirror...但是我不太了解手册,也没有在互联网上找到好的教程。此刻,我设法得到了这个:

它确实有效,有行号和文本区域:D,但该模式不起作用。它只是文本区域中的原始黑色文本。我想我导入了所需的文件:

我不知道我做错了什么。我还尝试添加一个主题,但效果不佳。拜托,有人可以告诉我怎么做吗?

0 投票
2 回答
211 浏览

javascript - atom 文本编辑器如何解析/标记代码?(语法高亮)

所以 CodeMirror 用来modes标记它的代码
它将文档分成几行并使每一行成为一个流,然后将其放入预定义的mode. 它可以通过使用其state参数跨越多行。
看来ACE也有类似的方法

这些方法都没有固有地使用 RegExp(但显然创建模式的任何人都可以将 RegExp 编码到他们的模式中)。

根据我对 Atom 的代码和风格的了解,它调用了不同的语法荧光笔grammars,它们与grammarsTextMate 中的非常相似。这些grammars类似于包含类名和正则表达式的 JSON 对象(请参阅如何编写 TextMate 语法)。

我终其一生都无法弄清楚Atom 文本编辑器究竟是如何执行代码解析、保持其状态以及扩展各种范围的。

如果有人能指出我正确的方向,那就太好了。

0 投票
1 回答
138 浏览

javascript - 如何为新语言编写括号扩展?

我正在为一种新的文本语言编写方括号扩展,它是 html 和车把 + javascript 的混合体。我想通过使用现有的 CodeMirror 模式来编写代码模式,例如 htmlmixed、javascript、车把。

这就是我目前拥有的(main.js),


<%所以我想知道的是,如果元素以等开头和结尾,如何在这里定义使用javascript模式%>......目前它只适用于html

如果需要更多详细信息,请告诉我。

谢谢!:)

0 投票
0 回答
483 浏览

javascript - 如何在 ng2-codemirror 中定义自定义模式?

我想定义我的自定义模式以扩展一种可用模式(例如 javascript)?我尝试使用下面的代码,但没有效果。

更新: