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

javascript - Codemirror - 最小行数

有人确实有一个最小行数的解决方案 - 在Codemirror中?

min-height 对我有用,但不要为高度插入空行。

JS

CSS

也许有一个简单的解决方案可以为此插入空行?

0 投票
4 回答
15080 浏览

javascript - 当它的父div样式变成显示块时如何刷新codemirror?

我在选项卡式界面中使用带有 textareas 的 codemirror,当我不在包含 codemirror 的选项卡中然后转到它时,我得到没有行号或光标的空白区域,当我刷新页面时它可以工作,我知道这是因为标签内容被隐藏使用display: none;所以我该如何解决这个问题?

这是我的代码,(我也在使用 jquery):

提前致谢。

0 投票
2 回答
2006 浏览

jquery - jQuery 热键...不是那么全球化

基本上,我使用Resig 先生的jQuery Hotkeys 插件来捕获和处理诸如ctrl+o等之类的快捷方式......

好的,也许我不理解这个概念,但我的印象是文档内任何地方ctrl+o的触发都会被文档热键处理程序捕获。

例如,以下代码通常可以工作...

但是,如果用户在输入框内触发热键,它会惨遭失败。

只有当我执行以下操作时它才有效:

这对我的健康非常不利,因为它涉及每次将新输入框添加到 DOM 时绑定该死的处理程序。更糟糕的是,对于像 CodeMirror 这样的复杂小部件,我不知道要绑定什么。

不知道我的问题是否有意义,也许我使用了错误的方法?我也尝试绑定到以下对象,但没有成功:window, document, body,div[contains the whole page]

注意:你可以在这里试试

0 投票
1 回答
256 浏览

java - 带有本机 JS 的 GWT JSNI 方法:“无效标签”

也许我的问题很容易为您解决,但我在这里坐了几个小时,遇到了以下问题(我已经搜索过了):

我有一个 Java 方法,其中包含 JavaScript 代码(来自 Google 的 GWT 的 JSNI)来为代码编辑器 CodeMirror2 设置键绑定。当我想用 GWT 编译时,我从 GWT 编译器中得到一个错误:

我的代码如下所示:

真正奇怪的是,在本机 JS 中,额外的键正在使用这种语法?!我认为问题出在标签语法上,我该如何更改它以与 GWT 一起使用?

谢谢, leX

0 投票
2 回答
1712 浏览

jquery - CodeMirror 和 JQuery 选项卡

我的 jquery 选项卡和 codemirror 有问题。通过在此处进行一些搜索,建议我在加载选项卡时调用 codemirror refresh 方法,但除非我单击该区域,否则它仍处于隐藏状态。附件是示例 html 和脚本

有任何想法吗?

0 投票
4 回答
11901 浏览

javascript - CodeMirror - 是否可以滚动到一行以使其位于窗口中间?

我在 CodeMirror 中突出显示 HTML 代码行,我想添加一个锚点,将 CodeMirror 编辑器滚动到给定的行。

我可以通过setCursor方法滚动到 X 行。但我想在 CodeMirror 窗口中间有 X 行。我可以这样做吗?我研究了 API 和演示,但没有运气。

谢谢!

0 投票
3 回答
8662 浏览

php - CodeMirror 有内容,但在按键之前不会显示

我在正在构建的 web 应用程序中嵌入了一个 CodeMirror 实例。它工作得很好——除了初始内容在用户输入一个新字符之前不会显示。因此,在用户强制更改之前,所有内容都隐藏起来。这是不好的。有什么方法可以强制重新绘制或刷新模拟字符输入的浏览器 - 空格可以。

这是代码...

这产生了一个工作编辑器,它保存内容并在文本区域内显示保存的内容,但仅在用户开始编辑后才显示。在此之前它只是空白。

任何帮助,即使只是链接,将不胜感激。多谢你们!

更新

在 myCodeMirror 上调用 .refresh 会在 Chrome 控制台中打印错误Uncaught TypeError: Cannot call method 'focus' of undefined

0 投票
2 回答
614 浏览

javascript - 如何在两个元素之间定位文本

下面更新

我正在尝试以codemirror的输出为目标,并向模块元素添加一些自定义事件和样式。

Codemirror 显示以下代码。

在 DOM 中,它在一系列跨度之间呈现。

我遇到的问题是尝试为整个模块元素添加黄色背景,但由于“=”部分位于两个元素之间,我不确定如何使用选择器来定位它。

这就是我现在所拥有的,但是因为它不包括元素之间的文本,所以背景颜色存在间隙。

任何人都对如何实现这一点有建议/想法?

更新 通过使用 wrapAll jquery 方法,我能够部分到达那里,但可见的结果仍然不太正确。现在空格和等号从被包裹的元素中移除并放在它之后。

0 投票
4 回答
2099 浏览

javascript - CodeMirror2:如何格式化粘贴的内容?

是否可以在 CodeMirror2 中的“onPaste”之类的事件之后格式化插入的内容?- 我想在粘贴后缩进剪贴板中的内容。我已经知道使用 JavaScript 无法访问剪贴板。

所以我认为也没有可能创建具有剪切/复制/粘贴功能的上下文菜单?- 我可以创建自己的 JS 剪贴板还是有现成的解决方案?

谢谢!leX

0 投票
2 回答
1099 浏览

javascript - CodeMirror 2:多个缩进正在删除行

我已经将 Code Mirror 作为插件实现到 CMS 系统中。

我有一个问题,如果我选择多行并按 Tab,这些行将被删除。

这不会在 Code Mirror 演示网站上发生。我找不到启用或禁用多个缩进的配置选项。

这是我的配置代码:

上下文:https ://github.com/rsleggett/tridion-mirror/blob/master/src/BuildingBlocks.Tridion2011Extensions.CodeMirror/BuildingBlocks.Tridion2011Extensions.CodeMirror/Scripts/codemirror/codemirror.js

我不确定我错过了什么。有任何想法吗?