问题标签 [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.
javascript - 查找在字符串更改时索引移动的行数和字符数
当包含单词的字符串发生更改时,是否有一些算法(或其 JavaScript 实现)来查找单词位置的偏移量?
我的项目是一个基于 CodeMirror 的在线编辑器,当使用 MobWrite 协作服务将新数据添加到代码中时,我需要重新定位光标。
因此,要将光标位置设置为当前用户正在编辑的单词,我想我需要计算其位置的偏移量并将其添加到原始光标位置。
解决方案:现在,我正在尝试实现MobWrite使用的方法。
感谢大家的帮助。
javascript - 让 CodeMirror 跟随 TextArea
如何让 CodeMirror 与 TextArea 同步,以便光标位置、选择和数据在两者上保持相同?
我将 CodeMirror 与 MobWrite 一起使用。CodeMirror 仅使用 textArea 来读取输入,而 MobWrite 可以处理给定 TextArea 上的选择等,问题是让 CodeMirror 与 TextArea 同步。
php - CodeMirror 保存自己 onBlur
我想将 PHP 本身生成的所有 CodeMirror 保存在 Blur 上。这就是我所说的:
但它不起作用...... FireBug 说:“id1 未定义”......怎么做?
javascript - Codemirror 编辑器全屏 - 如何将自定义功能添加到代码镜像
有一个很好的例子来说明如何制作 CodeMirror 编辑器的全屏版本。但是,如果 CodeMirror 小部件位于其他position: absolute
或relative
div 的中间(CodeMirror 小部件的绝对定位将不再相对于整个页面),这将不起作用。
我们可以向 CodeMirror 添加一个新命令以全屏显示:
之后我们需要在创建 CodeMirror 时绑定这个新命令。将此添加到选项中:
问题是在CodeMirrorFullscreen
CSS 类中放什么来确保全屏可以工作?
javascript - 有几行代码的 CodeMirror 在触发重绘之前不会显示
CodeMirror 似乎工作得非常好,除非我在 textarea 中只有几行(3 或更少)代码。发生这种情况时,文本区域是空白的,直到我 (A) 在文本区域中按 Enter 键或 (B) 执行导致浏览器重新绘制的操作(例如调整大小)。当超过 3 行时,它们在页面的第一次渲染时显示得很好。
我在这里没有做任何花哨的事情:
只是想知道是否有其他人遇到过这个问题。
codemirror - 将 ondblClick 和 click 事件添加到 Codemirror
我想将 onDblClick 事件添加到 codemirror 2。我发现 onCursorActivity 不会传递事件,因此我无法通过这种方法过滤事件。如何在 Codemirror 上实现 onDbClick 事件?
提前致谢。
css - Codemirror 光标位置偏移
我正在使用代码镜像在网页中显示、突出显示和编辑 xml,但我遇到了光标位置偏离插入位置的问题,因此如果您从闪烁光标所在的位置删除一个字符,则之前的一个字符您期望的那个会被删除。我假设它与我当前的页面发生 css 冲突,因为它在我的页面之外运行良好,但无法在任何地方找到冲突。有没有人遇到过类似的问题或知道该怎么做?
javascript - Codemirror 预览 - 不在 iframe 中?
我正在尝试做与此示例完全相同的操作,只是代码不应打印在 iframe 中,而应打印在 div 中。
http://codemirror.net/demo/preview.html
这不起作用......我需要一种不同的方法。
希望你能帮忙!
browser - 如何在浏览器中检测 Context Menu->Select All 事件?
我们将 CodeMirror 用于我们拥有的 XML 编辑器组件。在其中,有很多听众,其中一个是全选(CTRL-A)。它监听 CTRL 和 A 的组合,并在内部重新处理 select all(因为它由许多 span 和 div 元素组成)。
当用户右键单击文本并单击“全选”时,它不会触发与 CTRL-A 相同的事件。所以我的问题是:右键单击(上下文菜单)然后全选的事件是什么?