codemirror 相关问题

CodeMirror是一个用JavaScript编写的浏览器内代码编辑器。其显着的功能包括语法高亮,代码完成,自动格式化和键绑定。代码辅助和突出显示功能被编写为称为“模式”的插件,编辑器支持多种开箱即用的语言,但可以扩展以添加对任何所需语言的支持。

为什么要编写一个 IIFE 来调用传递给它的另一个函数表达式?

CodeMirror.net 使用此构造(我稍微简化了)来引入其 JavaScript 编辑器的代码: (函数(模){ this.CodeMirror = mod(); })(功能 () { “使用严格”...

回答 2 投票 0

CodeMirror 6 中输入为空时创建占位符

任何人都知道如何在 CodeMirror 6 中输入为空时创建占位符,我搜索文档,但这个基本功能没有什么特别的 我搜索了一些东西,但我只找到了版本 5 而不是 6

回答 2 投票 0

如何在CodeMirror 6中启用覆盖滚动条?

CodeMirror 5 有一个scrollbarStyle 选项来显示覆盖滚动条。 (演示) 然而,在 v6 中,该选项消失了,并且似乎无法替代。 我在参考文献M中搜索了“滚动条”...

回答 1 投票 0

如何正确定义CodeMirror语言?

我正在尝试为这样的事情提供基本的自动完成功能: db.collection("Items").where("name", "==", "temp").limit(1).get(); 这是我的代码...

回答 1 投票 0

CodeMirror 合并 - 在块批准/拒绝时调用函数

我正在使用 CodeMirror 6 和 @codemirror/merge 包。到目前为止,我已经完成了与 UI 相关的所有工作。但是,我无法弄清楚当用户批准时如何触发功能...

回答 1 投票 0

如何更改CodeMirror编辑器的字体

我正在尝试更改 CodeMirror 编辑器的字体系列和字体大小。我尝试通过设置相应的 CSS 属性来更改它,但它似乎对我不起作用: .codemirror-textarea { ...

回答 5 投票 0

Codemirror x86 汇编(Intel)语法

我正在使用 x86 语法构建一个程序集模拟器。我注意到这里有一个 AT&T 组装选项。 是否有任何已知选项支持 x86 intel 汇编语法?

回答 1 投票 0

如何更改单个Codemirror元素的背景颜色?

在显示多个 Codemirror(版本 5)元素的页面中,我想使用 Javascript 更改其中一个 Codemirror 的背景颜色。 指定背景颜色的唯一方法...

回答 1 投票 0

如何使用 Selenium 和 Python 在 CodeMirror 字段中发送字符

从 selenium 导入 webdriver 导入时间,随机 导入线程 url = 'https://npm.runkit.com/' 定义 e(): 驱动程序 = webdriver.Chrome() 驱动程序.get(url) 时间.睡眠(10) 博士...

回答 3 投票 0

有人可以帮我使用react-codemirror2启用代码折叠吗?

我的网络应用程序当前正在使用react-codemirror2来显示JSON数据。不幸的是,JSON 文件变得如此之大,以至于滚动数据成为一个问题。我想实现代码折叠......

回答 1 投票 0

NextJS 构建错误 - ReferenceError:导航器未定义

我在尝试构建一个简单的 NextJS 应用程序(使用 npm run build)时遇到了这个特殊的错误消息: > 发生构建错误 ReferenceError:导航器未定义 在 /cdk-n...

回答 2 投票 0

制作一个 CodeMirror 编辑器,其装订线为容器的 100% 高度

如何使 CodeMirror 编辑器及其间距为其父级高度的 100%? 例如,在 jsfiddle 上,编辑器有一个 100% 高度的灰色装订线。 我已经尝试过 CSS 来制作

回答 3 投票 0

无法将`@uiw/react-codemirror`组件中的值传递给`useState`钩子

一个非常简单的例子: 从“反应”导入反应; 从'@uiw/react-codemirror'导入CodeMirror; 从 '@codemirror/lang-javascript' 导入 { javascript }; 导出默认函数 Test()...

回答 1 投票 0

在其父级中调整 codemirror 的大小时出现问题

我想做的是创建一个用户界面类似于 vscode 的代码编辑器。我使用 split.js 在编辑器(选项卡内的 codemirror 编辑器)和侧边栏之间进行缩放。 问题是...

回答 1 投票 0

CodeMirror JSX 高亮显示已损坏

我正在尝试设置 CodeMirror v6,但似乎 JSX 的语法突出显示完全损坏了。结束标签与开始标签被赋予不同的类别,文本内容与t没有区别...

回答 1 投票 0

Codemirror v6 动态添加多个光标

移动用户没有 CTRL 键,所以我在项目中尝试执行的操作是用户单击一个按钮(该按钮是在编辑器激活时动态创建的),然后它会切换一个类显示...

回答 1 投票 0

监听并同步codemirror 6所做的更改

我想构建一个实时代码编辑器。为此我选择了 codemirror 6。我只想 聆听 codemirror 所做的微小更改,例如打字、擦除、剪切和粘贴。 通过 s...

回答 1 投票 0

CodeMirror 6,如何在输入/更新/更改事件上获取编辑器值?

我希望 CodeMirror 6 编辑器实例的内容/值反映在外部变量中,当文本更改时变量更改/同步。 如何在 CodeMirror 6 中做到这一点? 伪鳕鱼...

回答 1 投票 0

codemirror 6 语言包的使用部分是什么?

如果您访问(例如)https://github.com/exercism/codemirror-lang-elixir?tab=readme-ov-file 您会发现: 从“@codemirror/语言”导入{StreamLanguage} 从 'codemirror-lang-el... 导入 { elixir } ...

回答 1 投票 0

如何使用 Javascript 设置 CodeMirror 编辑器的值?

我尝试在以下代码中设置id4: &... 我尝试在以下代码中设置id4: <div id="id1"> <div id="id2"> <div id="id3"> <textarea id="id4"></textarea> </div> </div> </div> 通过使用此代码: document.getElementById('id4').value = "..."; 还有这个: document.getElementById('id3').getElementsByTagName('textarea')[0].value = "..."; 但是没有任何作用。 更新: textarea 已被 CodeMirror 编辑器取代。我如何为其设置值? 非常感谢您的帮助! 自 3.0 发布以来,执行此操作的方式略有变化。现在是这样的: var textArea = document.getElementById('myScript'); var editor = CodeMirror.fromTextArea(textArea); editor.getDoc().setValue('var msg = "Hi";'); 我喜欢例子。试试这个: CodeMirror.fromTextArea(document.getElementById(id), { lineNumbers: true }).setValue("your code here"); 正如你所说,textarea被Codemirror取代了。但它被类为“CodeMirror”的元素所取代。您可以使用 querySelector 来获取元素。当前的 CodeMirror 实例(及其方法)附加到此元素。所以你可以这样做: document.querySelector('.CodeMirror').CodeMirror.setValue('VALUE') CodeMirror ~4.6.0 你可以这样做,假设你有一个 codemirror 对象: var currentValue = myCodeMirrorObject.cm.getValue(); var str = 'some new value'; myCodeMirrorObject.cm.setValue(str); 您拥有的代码应该可以工作。失败的最可能的解释是元素在运行时不存在。如果是这样,解决方案是: 移动 JS,使其出现在创建元素之后(例如,到</body>之前)延迟 JS 的执行,直到创建元素(例如,将其移动到您指定为 onload 事件处理程序的函数) 这对我的(相当旧的)版本的 CodeMirror 有效: var editor=CodeMirror.fromTextArea('textarea_id'); editor.setCode('your string'); editor.setValue(“YOUR_VALUE”);

回答 7 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.