草庐IT

quill-editor

全部标签

javascript - 如何将现有数据读入 Quill JS

我很难理解如何使用quill...保存数据不是问题,因为非常简单:)我有点卡在两点上如何在quill中编辑保存的数据如何解析保存的数据来创建静态页面任何人都可以提供有关如何加载增量的建议{"ops":[{"insert":"thisisatestbitoftext\n"}]}回到quill编辑器以及如何解析输出以创建页面?提前感谢您的任何回复! 最佳答案 使用setContents插入增量:quill.setContents({"ops":[{"insert":"thisisatestbitoftext\n"}]});http://

javascript - Ace Editor 可以支持一个页面多个代码编辑器吗?

我正在寻求实现一个网络应用程序,该应用程序具有“编码竞赛”风格的界面,在一个屏幕上有2个不同的代码编辑器。一个将是只读的,另一个将处于事件状态并允许用户进行编辑。我目前正在使用AceEditor,我发现它很棒且易于使用。但是,这是我的问题。我似乎在尝试在单个页面中实现2个不同的编辑器时遇到错误。UncaughtRangeError:Maximumcallstacksizeexceededjs脚本中的变量“editor”是受限词还是用什么变量名都无所谓?这是我的JS文件中的代码:vareditorFirst=ace.edit("editorFirst");vareditorSecond=

javascript - 如何让 WMD-Editor 将 Markdown 发布到服务器而不是 HTML?

似乎WMD-Editor正在向服务器发送HTML而不是markdown。我怎样才能让它发送Markdown? 最佳答案 在SO版本的master分支中,有意思的是第2341行:Attacklab.wmd_defaults={version:1,output:"HTML",lineLength:40,delayLoad:false};将此更改为要求Markdown:Attacklab.wmd_defaults={version:1,output:"markdown",lineLength:40,delayLoad:false};..你

javascript - 使用 Quill.js 在光标位置插入文本

我正在尝试向quill.js添加自定义功能(“模块”),但似乎无法做到。这是我需要的:如果想添加一个插入模板替换变量的按钮...说像{{company}}这样的东西在光标所在的位置编辑器,目前是否可以使用API-我想我可以做到它使用insertText但我似乎无法让它工作。谢谢 最佳答案 我最终在非常相似的设置中做了什么:letmergeFieldText='{{company}}';varselection=this._quill.getSelection(true);this._quill.insertText(selectio

javascript - 未捕获的异常 : [CKEDITOR. editor] 实例已经存在

我已将CKEditor添加到我的站点中。即使出现此JS错误,一切正常:未捕获的异常:[CKEDITOR.editor]实例“simple_editor”已经存在。下面的代码包含在一个PHP文件中,我将其包含在需要编辑器的位置。我每页只有一个编辑器实例。".$page_content."";CKEDITOR.replace('simple_editor',{height:'110px',toolbar:[['Link','Unlink'],['Styles','Format','Font','FontSize'],['Bold','Italic','Underline','Strike'

javascript - 如何检索 Quill 文本编辑器的内容

我在javascript应用程序中使用quill文本编辑器,我需要将文本编辑器的内容作为包含HTML的字符串进行检索,但有关此主题的文档很少。 最佳答案 取决于你想得到什么,这里有一个例子展示了几种方法:http://codepen.io/k3no/pen/amwpqkvardelta=editor.getContents();vartext=editor.getText();varjustHtml=editor.root.innerHTML;preciousContent.innerHTML=JSON.stringify(delt

javascript - 给定文件扩展名,如何为 Ace Editor 自动选择 "mode"

我正在开发一个使用java/scala后端的项目(准确地说是Lift,尽管这不会影响这个问题),作为前端的一部分,我们使用AceEditor.我已经用谷歌搜索了一段时间,但还没有找到这个问题的答案:给定文件扩展名(例如js、c、cpp、h、java、rb等),我如何自动为适当的语言选择Ace“模式”?我希望避免手动创建map,lajs->javascript,c->c_cpp,java->java。是否有可用的java/scala库?或者更好的是,Ace是否以某种方式内置了此功能? 最佳答案 Ace现在提供模型扩展来执行此操作。va

javascript - 有没有办法在 Ace Editor 中隐藏行号?

在使用ace编辑器时,有什么办法可以去除行号吗?类似于下图去除打印边距?editor.setShowPrintMargin(false); 最佳答案 使用editor.renderer.setShowGutter(true/false);http://ace.c9.io/#VirtualRenderer.setShowGutter=&nav=api&api=virtual_renderer编辑器选项https://github.com/ajaxorg/ace/wiki/Configuring-Ace

javascript - Monaco Editor - 如何使某些区域只读

我正在尝试以文本内容的某些区域为只读的方式配置MonacoEditor。更准确地说,我希望第一行和最后一行是只读的。示例如下:publicsomething(someArgument){//Thisisreadonly//Thisiswheretheusercanputhiscode//moreusercode...}//readonlyagain我已经用AceEditor做了类似的事情,但我想不出用Monaco做这个的方法。有一个ModelContentChangedEvent,您可以在其上注册一个监听器,但它会在更改发生后被触发(太晚了,无法阻止任何事情)。对摩纳哥有更多经验的人知

javascript - 如何在 Quill JS 中添加图像?

我不知道如何让图像像http://quilljs.com/上的示例一样工作.我尝试添加到工具栏,它添加了按钮,但单击按钮没有任何作用,我在文档中找不到任何内容。有什么建议吗? 最佳答案 更新的答案从1.0版及更高版本开始,您不再需要添加默认包含的工具提示模块。如何启用它的一个例子就是这个。vartoolbarOptions=[['bold','italic','underline','strike'],//toggledbuttons['blockquote','code-block'],[{'header':1},{'header