草庐IT

codemirror6

全部标签

javascript - CodeMirror 自定义提示列表无法正常工作

我正在尝试HookCodeMirror并将我自己的单词列表插入到自动完成中。基于此链接https://stackoverflow.com/a/19269913/2892746我试图实现以下内容。我创建了一个JSBinwithit问题是虽然我的话确实出现在自动完成中,但它们没有被正确过滤。例如,我输入“f”,然后按ctrl+space。但是我在弹出窗口中得到了所有3个单词,并选择了“mariano”。我希望只有“Florencia”可供选择。知道我可能做错了什么吗?ps:是的,我很乐意不更改anyword提示并提供我自己的提示,只是匹配我自己的话,但我不知道该怎么做。提前致谢!

javascript - CodeMirror.js 在哪里?

我第一次尝试使用CodeMirror作为我的CMS的模板版本。在http://codemirror.net的第一页有以下示例:vareditor=CodeMirror.fromTextArea(myTextarea,{lineNumbers:true});但在GitHub页面上,lib目录中没有任何codemirror.js文件。我应该如何使用这个工具? 最佳答案 获取CodeMirror的一种方法是下载它。您可以从CDN获取文件链接这里:https://cdnjs.com/libraries/codemirror您只需将CDN链接

javascript - 是否可以混合使用 CodeMirror : Velocity mode and the CodeMirror: HTML mixed mode?

有人为codemirror做了'htmlmixed'+'Velocity'模式吗?或者任何人都可以建议如何实现这一目标? 最佳答案 我能够使用overlay.js插件轻松实现这一点:CodeMirror.defineMode("velocityOverlay",function(config,parserConfig){returnCodeMirror.overlayMode(CodeMirror.getMode(config,"htmlmixed"),CodeMirror.getMode(config,"velocity"));}

javascript - 如何将 CodeMirror 集成到 KnockoutJS 中?

我想整合CodeMirrorJavaScript编辑器到KnockoutJS。我知道还有Ace,但在我看来,使用CodeMirror会更容易。我已经为JQueryUI小部件和QTip集成了自定义绑定(bind),但这些是我在Internet上找到的代码片段,然后我只需要修改非常小的部分。不幸的是,我似乎已经达到了Javascript的极限,所以我在这里求助于JavaScriptSithMasters。我不一定想要为我写的整件事,关于如何继续的指示和建议会有很大帮助。我的这段代码:HTML(我删除了文本区域中已有的自定义绑定(bind),它们在这里无关紧要)我的CodeMirror自定义

javascript - 如何通过javascript设置CodeMirror编辑器的值?

如何通过javascript命令设置CodeMirror编辑器的值?我只需要为它设置一个文本。但是如何?..非常感谢您的帮助! 最佳答案 在manual中有解释,ProgrammingAPI部分:setValue(string):Settheeditorcontent. 关于javascript-如何通过javascript设置CodeMirror编辑器的值?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.

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

我在CodeMirror中突出显示HTML代码行,我想添加一个anchor,将CodeMirror编辑器滚动到给定行。我可以通过setCursor滚动到X行方法。但我希望在CodeMirror窗口中间有X行。我可以这样做吗?我研究了API和演示,但没有成功。谢谢! 最佳答案 这个应该可以工作:vareditor=CodeMirror.fromTextArea(...);functionjumpToLine(i){vart=editor.charCoords({line:i,ch:0},"local").top;varmiddleHe

javascript - 如何在 CodeMirror 中获取和替换双花括号内的文本

我想创建一个输入,用户只能在其中输入纯文本,但我可以在其中获取部分文本并将其替换为一些HTML。例如,我想转换像LoremIpsum{{dolor}}这样的文本至LoremIpsum我有一个包含一些数据的对象。vardata={dolor:{icon:'https://placehold.it/16x16/',text:'Dolortext'}}我想用它来获取自定义文本和图像,所以{{dolor}}应该转换成类似的东西Dolortext我的方法是使用CodeMirror,定义一个新模式并检测大括号,但现在我不知道如何获取这些大括号之间的内容,也不知道如何修改输出的HTML(如CodeM

javascript - 为 CodeMirror 创建新模式

我只想突出显示如下所示的关键字:{KEYWORD}(基本上是用单个{}括号括起来的大写单词)我通过复制MustacheOverlaydemo中的代码来尝试这个,并用单括号替换双括号:CodeMirror.defineMode('mymode',function(config,parserConfig){varmymodeOverlay={token:function(stream,state){if(stream.match("{")){while((ch=stream.next())!=null)if(ch=="}"&&stream.next()=="}")break;return'

javascript - CodeMirror onBlur 事件和 console.log()

根据我对CodeMirror的了解,当我模糊文本区域时,我应该将onBlur写入我的控制台日志。没有回声。vartextarea=document.getElementById('block');vareditor=CodeMirror.fromTextArea(textarea,{lineNumbers:false,content:textarea.value,onBlur:function(){console.log("onBlur");}});我是否遗漏了什么? 最佳答案 使用.on()绑定(bind)它,如theCodeMi

javascript - 多种模式Codemirror

我希望我的TextArea能够支持多种CodeMirror模式。现在我希望它支持json和xml。这可能吗?还有,能否自动检测用户在该区域放置的是json还是xml?谢谢。 最佳答案 CodeMirror实际上有一个非常接近您正在寻找的示例here.这是一个更具体的示例,可以满足您的要求。创建一个CodeMirror实例。当内容改变时,我们决定是否应该切换模式。我用于确定您所处模式的逻辑非常简单,可以重构以支持您认为适合任一模式的强大检查。(正则表达式非常适合复杂的检查,如果你想花哨的话......这是我在简单示例中使用它的唯一原因