问题标签 [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 投票
1 回答
256 浏览

diff - 代码镜像差异

我想使用 codemirror(不是合并工具)实现差异模式。类似:git diff。我使用 Codemirror 官方差异模式,但是,当用户添加或更改某些内容时,无法获取标记器(+、-)。

0 投票
1 回答
151 浏览

javascript - Codemirror gutter 中的动态行数在每秒钟按下一次键时为空

我的任务是建立一个笔记输入区域,我应该在其中显示每行的行数和字符数。我选择了codemirror来做这件事。一切正常,但 Line 字符数似乎每按一次按键就会消失。我已将视频链接附加到该问题,代码粘贴在下面。谢谢

问题视频

0 投票
0 回答
568 浏览

javascript - Codemirror 装订线标记更改问题

我有一个要求,我需要在每一行中显示行字符数。我像这样在排水沟里展示它

在此处输入图像描述

每行的限制为 112,因此当用户键入超过 112 个字符时,装订线编号变为负数。一切都很好。但是当我复制粘贴时它不起作用。该行是从复制/粘贴文本中识别的,并且仅显示行字符数的装订线标记的所有内容均未显示。

我有一个关于该行为的小视频演示,以及下面发布的代码。

视频

0 投票
0 回答
219 浏览

javascript - 使用 CodeMirror 简单模式“覆盖”多个标记/规则/样式的方法?

CodeMirror“简单模式”允许您定义一堆正则表达式规则来捕获文本块并将样式应用于它们。正则表达式规则也可用于转换到已定义的另一种模式。这是一个非常简单的例子:

这只是抓取被方括号包围的文本块,并对其应用JavaScript 模式样式。这是 jsbin 上的一个工作示例

它产生这样的文本样式:

在此处输入图像描述

但是如果我想让它看起来像这样呢:

在此处输入图像描述

换句话说,我想对整个捕获的 JavaScript 组应用背景“突出显示”。有没有一种简单的方法可以做到这一点,或者这超出了简单模式的范围?

0 投票
0 回答
845 浏览

javascript - codemirror.setOption('mode',val) 不起作用

我正在尝试使用firepad和codemirror制作一个文本编辑器,在页面加载时一切正常,但是当我尝试更改按钮点击模式时,该函数被调用但

似乎不起作用。我在 body 的 onload 事件上调用以下代码(完美运行):

在按钮单击事件上,我正在调用以下代码(这里有问题!):

这只是代码的小型化示例(相关的)。

我将其用作模式重新加载和带有 codemirror 的 firebase 的资源,如下所示:

https://firepad.io/docs/

https://codemirror.net/demo/loadmode.html#

被调用的脚本和样式表如下(仅相关的):

我正在使用 Firefox,开发者控制台上没有错误(它既没有改变也没有重新加载)。那么我错过了什么?提前致谢。

0 投票
1 回答
645 浏览

codemirror - codemirror 内部模式自动缩进问题

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

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

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

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

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

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

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

0 投票
1 回答
230 浏览

codemirror - 如何使双引号和单引号处理相同

我们在寻找一种方法使 codemirror 对单引号和双引号字符串表现相同时遇到了问题。

在此处输入图像描述

这将是一个快速的 css hack,但是对于双引号,生成的 css 周围没有标签。

单引号有一个名为“cm-string”的类,两者都有。

0 投票
1 回答
1387 浏览

javascript - 动态添加 CodeMirror:更改语言模式

我正在尝试更改动态创建的 CodeMirrors 上的语言模式,但是当我尝试更改一个时,它会更改每个实例。

如何仅更改选定的 CodeMirror,即与更改的 Selection 元素位于同一小部件​​中的 CodeMirror?

我不想使用 ID,我希望 jQuery 能够处理知道我正在更改的小部件编辑器,但我不知道在选择中更改时如何重新初始化编辑器。我曾尝试重置事件var editor = CodeMirror.fromTextArea(widget.find('.demotext')[0]);内部的变量change,但这只是附加了另一个CodeMirror元素......

0 投票
0 回答
41 浏览

javascript - 代码未突出显示由 file_get_contents 打开

我做了一个 codemirror 编辑器,但我有一些问题

这是我的代码 php 代码-

此代码突出显示,但由 php 代码打开不突出显示代码不突出显示-

在 textarea $code 中没有突出显示。如何修复它

0 投票
1 回答
92 浏览

jquery - 如何在代码镜像中更改事件 dbl-click

我想更改事件 dbl click 但我的代码不正确且不起作用 我想要代码做什么

我的代码

我的代码镜像的 jquery 代码