jjzjj

javascript - 羽毛笔链接处理程序不工作

我正在尝试为链接输入值编写自定义处理程序。如果用户输入的链接没有自定义协议(protocol),我希望在输入值之前添加一个http:。这是因为如果链接值缺少http:,则不会解释链接,而是显示about:blank。(https://github.com/quilljs/quill/issues/1268#issuecomment-272959998)下面是我写的(类似于官方的例子here):toolbar.addHandler("link",functionsanitizeLinkInput(linkValueInput){console.log(linkValueInput);//

javascript - 如何在 quill js 2.0 中初始化表?

如何在quilljs2.0中初始化表?我尝试在toolbar中使用table关键字,它显示了表格图标,但我无法创建表格。 最佳答案 像这样创建编辑器时尝试提供表模块:vareditor=newQuill('#editor',{theme:'snow',modules:{table:true}});然后只引用表模块:consttable=editor.getModule('table');使用表变量,您可以为表触发不同的方法:table.insertTable(2,2);完整示例可在此处找到:https://codepen.io/qu

javascript - 从 Delta on Quill 获取 HTML

我正在尝试从Quill上的delta获取HTML代码。这是我的代码EditorvartoolbarOptions=[['bold','italic','underline','strike'],['blockquote','code-block'],[{'header':1},{'header':2}],[{'list':'ordered'},{'list':'bullet'}],[{'script':'sub'},{'script':'super'}],[{'indent':'-1'},{'indent':'+1'}],[{'direction':'rtl'}],[{'size':[

javascript - 没有 'new' 无法调用 ES6/Babel 类构造函数

我正在尝试创建自定义Quill主题,扩展气泡主题。我面临一个奇怪的ES6继承问题,似乎我无法在我的构造函数中调用super()。这是我的代码:importBubbleTheme,{BubbleTooltip}from'quill/themes/bubble'classLoopThemeextendsBubbleTheme{constructor(quill,options){super(quill,options)}extendToolbar(toolbar){super.extendToolbar(toolbar)this.tooltip=newLoopTooltip(this.qu

javascript - 如何将自定义字体大小添加到 QuillJS 编辑器

如何使用QuillJS将自定义字体大小添加到工具栏?我尝试了两种方法://InitiatetheeditorlettoolbarOptions=[['bold','italic','underline','strike'],[{'align':[]}],[{'size':['10px','20px','80px']}],[{'color':['#FFF']}]];this.editor=newQuill('#executive-control-editor',{modules:{toolbar:toolbarOptions},theme:'snow'});和SmallNormalLar

javascript - 如何使用 go buffalo 框架渲染 quill js 内容

我知道的选项是,从getContents获取quilljs的内容提供JSON结构的api。我可以将其发布到服务器并将其存储在服务器中。获取div的innerHTML传递给Quill编辑器并存储它。方法一:在显示它时,我需要将我的buffalo模板中的内容写在一个变量中,例如varcontentJSON=""然后,一旦页面加载完毕,我需要设置类似quillInstance.setContents(contentJSON)的内容方法二:万一请求被破坏,那么html可能包含未转义的脚本。所以如果我这样尝试c.Set("getContent",func(contentstring)templa

javascript - 如何使用工具栏选项在 Quill js 上添加字体类型?

我用Quilljs做了一个富文本区域.我有工具栏的下一个选项:newQuill('#quilljs-container',{modules:{toolbar:[['bold','italic','underline','strike'],//toggledbuttons['blockquote','code-block','link'],[{'header':1},{'header':2}],//custombuttonvalues[{'list':'ordered'},{'list':'bullet'}],[{'script':'sub'},{'script':'super'}],/

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

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

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

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

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