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

javascript - CodeMirror 问题:解析正向通道时出错错误:transformData 处的映射无效

试图启动并运行简单版本的 codemirror,但是当我在两个 diff 浏览器(或 incog 中的一个)上访问文档时,我在控制台中收到此错误:

解析前向通道时出错错误:transformData 处的映射无效

这是两个不同的用户登录并访问同一个文档。当没有人登录并且只有两个差异浏览器访问文档时工作正常。我按照根目录中的说明设置了 settings.json 文件,并且正在运行流星 1.2.1,因为该版本仍然适用于 Sharejs。我正在运行它:meteor --release 1.2.1 --settings settings.json。

在文档呈现时的 HTML 中,两者都具有正确的 docid(即相同的 docid)......但显然我没有看到文本镜像。

使用简单的 codemirror 版本 ( {{> sharejsCM docid=docid id="editor"}})

有任何想法吗?

0 投票
1 回答
1451 浏览

javascript - 如何在codemirror中显示行数

我在我的应用程序中使用 codemirror API,我试图显示总行数以及何时键入以计算新行,但它给了我另一件事

我使用这个脚本来获取数字的最后一个孩子,但是当我有 29 行时,它显示这个1234567891011121314151617181920212223242526272829这不是我打算做的我希望它只显示29并且 onkeydown 根本不起作用

代码镜像

0 投票
0 回答
401 浏览

jquery - Codemirror 编辑器在使用 angularjs 单击之前不会加载内容

我在 tab1 中有 3 个按钮,在 tab2 中有 3 个 codemirror 文本区域。现在,我真正想要的是在每次单击按钮时更新 codemirror。它也在更新,但是在我进入第二个选项卡并单击 codemirror 区域之后。我希望它仅在按钮单击时更新。

这是我的代码镜像代码。html代码

js代码

0 投票
1 回答
766 浏览

javascript - CodeMirror 响应式设计

所以我正在使用 CodeMirror 创建一个 iOS Web 应用程序,教你如何使用基本的 JavaScript,我只是意识到 CodeMirror 不会自动调整大小以适应设备的屏幕并且代码不适合屏幕......所以我真的需要 A. 要么让 CodeMirror 完美地适合屏幕。或者 B. 有一个完全自定义的语法突出显示完全响应的文本区域。

0 投票
1 回答
504 浏览

html - Codemirror textarea 编辑器只需要在之前的选择上启用

我正在使用 codemirror 将我的 textarea 转换为编辑器,但还有一个问题是我需要仅在先前输入选择字段选择的基础上启用该 textarea 字段。我该怎么做?

以下是代码片段:

文本区域字段:

上一个选择字段:

基于选择启用文本区域字段的 Javascript 函数:

代码镜像功能:

0 投票
1 回答
566 浏览

angularjs - UI-codemirror 插件

我在 angularjs 应用程序中使用 UI-codemirror 进行 java 代码编辑,模式设置为“text/x-java”。现在我想使用自动完成和 lint 之类的插件。

对于自动完成,我使用 keyup 和 onKeyUp 设置了如下选项,这两个事件都不会被触发。

在控制器中配置选项:

模板中的指令:

要包含哪些插件 js 脚本以及为这些脚本设置哪些配置选项以进行锻炼?

0 投票
3 回答
2167 浏览

jquery - 将 CodeMirror 应用于 ng-model-bound 文本区域

我正在编写一个非常非常基本的游乐场。出于某种原因,我需要将 html 面板嵌入到 AngularJS 应用程序中。

这个版本中,我在 CSS 面板上放置了一个 JQuery 更改侦听器,并将 CodeMirror 应用于 textarea。它奏效了。

我对在 AngularJS 应用程序中使用 JQuery 事件监听器感到不舒服,所以我决定将 CSS 面板绑定到 AngularJS 应用程序,并制作了这个版本。但是现在,问题是 CodeMirror 代码(我在下面评论)不再起作用:

HTML:

JavaScript:

有谁知道如何让 CodeMirror 在这里工作?

此外,在 AngularJS 应用程序中使用 JQuery 事件侦听器真的是个坏主意吗?使用 AngularJS + CodeMirror 编写这个游乐场的最佳结构是什么?

编辑 1:我找到了这个线程,然后我做了一个codeMirror 指令,它不能正常工作。DevToolsTypeError: textarea.getAttribute is not a functionCodeMirror.fromTextArea(...).