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

angularjs - 如何使用 ui-codemirror 和 AngularJS 刷新 CodeMirror?

https://github.com/angular-ui/ui-codemirror

我需要用角度制作语法荧光笔并将结果保存在数据库中。

我正在使用 ui-codemirror,但每次更改文档中的“pre”时,我都无法刷新文本区域

但我不能让它工作。

有人知道如何做到这一点吗?

0 投票
1 回答
200 浏览

javascript - 如何在 codemirror 编辑器中设置不同的尺寸?

我需要在 php 页面中具有不同尺寸的每个 codemirror 编辑器。

如下所示,我们可以创建代码镜像编辑器的实例,但它应该具有相同的维度。有没有办法创建不同的维度?

0 投票
1 回答
407 浏览

javascript - 如何在 CodeMirror 编辑器中设置隐藏值?

我想为客户编写自定义语言。我想评估一些东西。这是一个网络服务。一些 json 数据将来自服务。

var data = {“a”:{“foo”:“bar-a”,“bar”:“baz-a”},“b”:{“foo”:“bar-b”,“bar”:“ baz-b", "moo": "huzzah"}}

我必须在编辑器中访问这些数据。

但我不应该在我的编辑器中将此数据视为硬代码。我知道 SETVALUE 方法。但它会在编辑器中添加 json。我不想要这个。如何设置值并在编辑器中隐藏?

以下 ; 这是我的代码。我不想看到数据 json。但我必须访问 ctrl+SPACE。

0 投票
0 回答
142 浏览

angularjs - 使用 angular-ui codemirror 的打字延迟

我在 textarea 中使用了 angular ui codemirror 来进行语法高亮、行号、格式化功能。

但在集成 ui-codemirror 后,我在文本区域面临打字延迟。如果用户试图从 textarea 中删除内容,也会出现同样的延迟。

我正在使用 angular.js 1.0.8,codemirror 版本 4,angular ui codemirror 指令。

有人对此有解决方案吗?

谢谢,杰

0 投票
1 回答
967 浏览

angularjs - 如何为 ui-codemirror AngularJS 指令编写量角器测试?

我在一个项目中使用 ui-codemirror AngularJS 指令,并想编写一个量角器测试 (devopshammer/src/test/webapp/e2e/json-spec.js) 来添加一些输入。

通过它的模型(ng-model 属性)查找元素会返回 ui-codemirror 元素,但不能使用 sendKeys() 方法添加一些输入(在它的子元素上也不行)。

有没有人暗示如何做到这一点?

堆栈跟踪:

模板代码:

测试代码:

单击此处获取 GitHub 存储库。

0 投票
1 回答
717 浏览

angularjs - 如何使用 Angular 在 CodeMirror-ui 中执行命令?

在 codemirror-ui 中,我想执行此处描述的命令之一: https ://codemirror.net/doc/manual.html#commands

我有以下代码:

控制器:

0 投票
2 回答
1668 浏览

javascript - 防止 CodeMirror json-lint 检测空输入

我正在为 JSON 整理一个快速的 CodeMirror 输入,并确保用户不会搞砸,我正在使用 json-lint 插件。我的问题是,在呈现空 CodeMirror 输入时立即显示 lint 错误。我知道空输入不构成有效的 JSON,但我宁愿它只在输入完成后运行。

我正在使用addon/lint/json-lint.js附加组件,而附加组件又在使用jsonlint包。

JS

空输入结果示例: 在此处输入图像描述

皮棉消息: 在此处输入图像描述

我在文档中看不到任何内容来禁用空输入的 linting。我错过了一些简单的东西吗?

0 投票
0 回答
2447 浏览

javascript - jsonlint 未定义 - codemirror

我在角度应用程序中实现了 ui-codemirror。打开 lint 后,控制台出现错误:

lint.js:20:3 :

这些是我的编辑器选项

这里包括 lint.js(在我索引的最底部,在所有其他 codemirror 脚本之后)

0 投票
1 回答
253 浏览

angularjs - AngularJS $compile 和外部指令 ui-codemirror

我正在尝试使用外部模块,使用嵌套指令在代码格式块angular-ui-codemirror中显示$element.html()封闭的 AngularJS 指令ui-codemirror

如果你想知道我为什么需要这样做,请看这里

从示例中我可以很容易地看到如何使用静态文本来实现这一点。我可以通过innerHTML封闭指令的。它只是不会在之后编译成ui-codemirror指令。

在这里看到,可能有必要使用该$compile服务来执行此操作,但我无法使该示例适应这种情况。

这是一些示例 AngularJS 代码:

和html:

我创建了这个 Plunker来说明我的困境。第一个块未格式化。第二个块(静态)被格式化。

0 投票
0 回答
632 浏览

javascript - codemirror 显示带有角度的提示

如何使用 ui-codemirror 显示提示和定义字典?

我尝试使用 ng-codemirror-dictionary-hint 但它给了我一个错误

instance.showHint 不是函数