问题标签 [codemirror]

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 投票
2 回答
9792 浏览

codemirror - 如何使用 CodeMirror 动态切换模式?

如何使用 CodeMirror 动态切换模式?

我有默认设置,但需要切换它。

0 投票
1 回答
3993 浏览

javascript - 在单个页面上使用多个 CodeMirror 编辑器?

我正在编写一个页面,其中包含演示我的 js 库的使用的示例。我希望这些示例是可编辑和可运行的,所以我认为我有这些选项:

  • 使用prettify在教程页面上显示代码,有一个按钮可以打开一个带有编辑器的新窗口,您可以在其中运行代码(当前实现的解决方案)。或者,我可以使编辑器成为某种模式对话框。

  • 为页面上的每个示例使用多个 CodeMirror 编辑器(单个页面上最多可以有 30 个)。我不确定这些编辑器有多“重”,所以我不确定这是否是个好主意。

  • 有一个编辑按钮,可以在需要编辑时用 CodeMirror 编辑器“交换”漂亮的代码,这样用户就可以编辑和运行示例,而无需担心新窗口。我不确定是否可以使美化和 CodeMIrror 的语法高亮看起来相同。

关于我应该如何做到这一点以及为什么这样做的任何想法?我也愿意接受有关不同代码编辑器或语法荧光笔的建议,所以如果有人有这种事情的经验,请告诉我你是如何做到的。

0 投票
1 回答
2819 浏览

javascript - CodeMirror 2 - 隐藏文本区域取消隐藏后编辑器高度错误

所以我有一个由 DIV 容器包围的 textarea:

并且使用 CodeMirror 将这个 textarea 转换为代码编辑器:

问题是,当 textarea 的容器被隐藏时(有时它是隐藏的,取决于用户选择显示的内容),然后在切换到取消隐藏它之后,CodeMirror 编辑器不会像它应该的那样出现。它只显示一行,您必须在其中实际单击才能重新绘制并正确显示。

有谁知道解决这个问题?

0 投票
2 回答
6422 浏览

javascript - 为 CodeMirror 创建新模式

我只想突出显示如下所示的关键字:(基本上是用单括号括{KEYWORD} 起来的大写单词){}

我通过复制Mustache Overlay demo中的代码并用单个括号替换双括号来尝试此操作:

但效果不是很好:)

有任何想法吗?

0 投票
7 回答
261 浏览

javascript - 找出一个字符串是否由一组特定的字符组成

如果一个字符串只包含一组特定的字符,我该如何判断:{ A-Z}

例如

  • {VARIABLE}=> 应该返回 true
  • {VARiABLE}=> 应该是假的,因为里面有一个小写i字母
  • { VARIABLE}=> 应该是假的,因为有空格等。

哦,很重要:

字符串必须在{and之间至少有一个字符},因此:

  • {}也应该是假的...
0 投票
6 回答
42252 浏览

javascript - 当我使用 CodeMirror 在 TextArea 中编辑代码时,如何使用 js 或 jQuery 将其反映到另一个 textarea 中

应用程序:我的页面中有一个 textarea 元素。它使用 CodeMirror 进行转换,因为我需要使用它缩进和突出显示 html 代码。图片在链接中:[textarea using codemirror]

http://uploadingit.com/file/gxftd2cps9wm7zhp/cm.png

下面是使用 codemirror 的 textarea 代码:

怎么做?:当我点击发布按钮时,所有的代码都应该被传输到另一个文本区域。我需要用 javascript 或 jQuery 来做这件事,但很难做到。有什么帮助吗?

对于现实世界的应用程序,此文本区域中的代码(来自上图)应该会影响 Html Designer API。即 Html 设计器中的任何更改都应反映在此文本区域中(它使用 codemirror 以提高可读性),反之亦然。当我在 textarea 中编辑时,更改应该反映在 HtmlDesigner 中,但在这个模拟案例中 -> 在第二个 textarea 中。

示例:如具有设计器 + 源代码模式的 Visual Studio .Net 网页代码编辑器。现在清楚了吗?

我在问如何使用 javascript 或 jquery 实现上述机制。非常感谢!

0 投票
2 回答
369 浏览

xml - CodeMirror 2:如何过滤掉 xml 属性?

有没有办法修改 CodeMirror 或 XML 模式定义脚本以启用过滤用户不应该在屏幕上看到的少数属性?

所以我只想找到那些属性并给他们设置为'display:none'的新类

例如...

前:

后:

而且我不想从 XML 本身中删除属性我只想隐藏它们,因为当我将编辑结果转换回 XML 对象时我需要它们。

0 投票
1 回答
1256 浏览

javascript - 在 c [Codemirror] 中自动完成

您可以在http://codemirror.net/2/demo/complete.html中看到它用于自动完成本地 JavaScript 变量 但是,我如何在 c 语言中使用这个自动完成功能?

我如何编辑此代码? http://codemirror.net/demo/complete.js

0 投票
0 回答
150 浏览

javascript - 浏览器编辑器中的简单语法高亮显示

我一直在研究在编辑文本时突出显示文本中的各种文本。我玩过代码镜像,虽然它令人印象深刻,但很难为它创建另一种模式。

理想情况下,我可以用正则表达式指出我想要突出显示的内容。或者同样简单的事情。

作为一个例子,我想强调@username twitter 风格和#tag。在某些情况下,一行以开头。

适当的价值

这也很好强调。

为代码镜像创建一个非常愚蠢的解析器的简单方法会非常酷,这样高级选项就适用于比我更有 JS 天赋的人。

我有一种可怕的感觉,这是一件很难做到的事情。

欢迎所有建议。

0 投票
1 回答
342 浏览

javascript - CodeMirror 函数之前的变量?

我想从我在 Cookie 中拥有的名称的 CodeMirror 文本区域中获取值。我怎样才能做到这一点?

我试过:

Firebug 说:formname.getValue 不是函数

非常感谢你。我希望你能理解我。