草庐IT

codemirror6

全部标签

javascript - 为 CodeMirror 编写自定义模式,用于 Brackets

我正在尝试为将处理PowerShell的Brackets编写一个插件/扩展。嗯,查看了一下,发现CodeMirror也没有PowerShell模式,需要自己创建。我过得很糟糕,因为网上几乎没有任何关于我正在尝试做的事情的详细资源。这是我的main.js文件:define(function(require,exports,module){"usestrict";//LoadModulesvarLanguageManager=brackets.getModule("language/LanguageManager"),CodeMirror=brackets.getModule("third

javascript - 托管 javascript 库的 CDN(即 CodeMirror)

你们知道CDNs吗?让你加载JavaScript库的方式GoogledoeswithjQuery和其他一些人。我正在寻找一个托管CodeMirrorlibrary的主机. 最佳答案 看起来没有人,但你可以投票给谷歌来处理它,希望他们会实现它:AddCodemirrortoLibrariesAPI 关于javascript-托管javascript库的CDN(即CodeMirror),我们在StackOverflow上找到一个类似的问题: https://sta

javascript - codemirror - 在编辑器中检测并创建链接

我正在使用codemirror,配置为显示javascript。我有这样的代码:...varref='http://www.example.com/test.html';varref2='http://www.example.com/test2.html';...显示编辑器时,如果我可以单击编辑器中可能存在的链接,那就太好了。该链接显然会在不同的选项卡上打开页面。有没有简单的方法可以做到这一点? 最佳答案 不是很容易,但你要做的是:编写一个识别此类链接的覆盖模式。基本上,这是一种模式,当它找到看起来像链接的东西时吐出一个自定义tok

javascript - Codemirror editor fullscreen - 如何向代码镜像添加自定义函数

有一个不错的exampleofhowtomakeafullscreenversionoftheCodeMirroreditor.但是,如果CodeMirror小部件位于其他一些position:absolute或relativediv的中间(CodeMirror小部件的绝对定位不会相对于整个页面)。我们可以向CodeMirror添加一个新命令来全屏显示:CodeMirror.commands.fullscreen=function(cm){varfs_p=$(cm.getWrapperElement());if(cm._ic3Fullscreen==null){cm._ic3Fulls

javascript - 让 CodeMirror 跟随一个 TextArea

如何让CodeMirror与TextArea同步,以便两者的光标位置、选择和数据保持相同?我将CodeMirror与MobWrite结合使用。CodeMirror仅使用textArea来读取输入,而MobWrite可以处理给定TextArea上的选择等,问题是让CodeMirror与TextArea同步。 最佳答案 扩展了ModWrite代码以支持CodeMirror&它工作起来就像一个魅力。它也可以在GitHub上找到.详细信息CodeMirrorGroup.下面为所有可能走这条路的人转储的代码://CODEMIRRORINPUT

javascript - 使用 Codemirror 的键盘映射防止默认事件发生

我正在尝试找出如何防止浏览器在Codemirror中使用ctrl-s或cmd-s事件显示保存对话框。我可以让extraKeys工作,我只是无法避免调用恢复事件。我试过returnfalse并且我已经浏览了文档和示例。有谁知道如何防止默认发生?代码如下:vareditor=CodeMirror.fromTextArea(document.getElementById("code"),{lineNumbers:true,mode:"text/html",extraKeys:{"Ctrl-S":function(instance){alert("yourmom");returnfalse;}

javascript - Codemirror - 将新关键字添加到语法高亮文件

我刚刚遇到Codemirror.我想知道如何创建自己的语法文件(用于玩具语言),或使用新关键字扩展现有语言的语法文件-但是,我找不到任何关于如何开始的文档。有没有任何文档链接显示如何执行此操作? 最佳答案 http://codemirror.net/doc/manual.html第二段说:“该发行版带有一些模式(请参阅模式/目录),并且不难writenewones用于其他语言。”因此只需在该页面上向下滚动到“WritingCodeMirrorModes”部分。 关于javascript-

javascript - CodeMirror markText 不工作

我正在像这样使用CodeMirror来向用户显示一些XML响应。HTML代码#{bean.xmlResponse}JS代码window.onload=function(){vareditor=CodeMirror.fromTextArea(document.getElementById('cm'),{mode:"xml",theme:"default"});editor.getDoc().markText({line:5,ch:2},{line:5,ch:9},"color:red");};现在,当我尝试使用不起作用的markText突出显示某些特定行时。当然,“xml”模式有效,但第

javascript - 使用 CodeMirror 的 Bootstrap 选项卡

我有一个非常复杂的页面,其中在选项卡内的隐藏选项卡中有许多CodeMirror实例。为了让它变得更加复杂,我记得最后一个事件标签。我设法让它工作了一半(http://codepen.io/anon/pen/LheaF),问题出在第二个编辑器选项卡上:它在单击主要代码镜像选项卡之前加载第二个选项卡。当您单击“代码镜像”选项卡时,它也不会正确加载编辑器,直到您单击两次。我希望第二个选项卡调用refresh()方法(如果它已经启动),就像我对主编辑器所做的那样。复制二级编辑器的错误(function($){varmainEditor;functioninitMainCodeEditor(){

javascript - 设置值后Codemirror自动格式化

http://liveweave.com/UxEJ0s我正在为我的应用程序使用Codemirror。我注意到,如果我选择所有文本并按SHIFT+Tab,它会自动对齐我的代码,使其更易于阅读。这是我的应用当前呈现内容的示例:ApplesOranges这是我试图让它呈现的内容:ApplesOranges编辑有谁知道是否有一种方法可以在不在Codemirror中手动选择整个代码的情况下执行此操作?为什么?我的应用程序后台运行了Codemirror,所有添加的代码都是动态添加的,但是当我保存最终代码时,它看起来像上面那样。 最佳答案 aut