问题标签 [quill]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 带有 Meteor 的 QuillJS - 如何将内容插入数据库?
我通过做一些流星JS来学习,并遇到了QuillJS作为文本编辑器。现在我很难理解函数和将书面内容插入我的博客集合的方式之间的联系。
这就是我尝试访问羽毛笔编辑器内容的方式:
但是onRendered
在 quill 变量周围,控制台会抛出一个错误:“quill Invalid Quill container #editor”。这是我对 quilljs 的初始化,我将其作为节点包加载:
Q1:如何将我的羽毛笔编辑器的内容插入收藏?
Q2:将 blogform.events 与 quill = new Quill 放在同一个文件中是最佳做法,还是应该将其拆分为 editor.js 和 blogform.js?
谢谢!
editor - 如何限制允许的标签和类的类型?
我想限制富文本编辑器创建的文档类型。让我们假设颜色/样式是通过 CSS 处理的,我只希望内容可编辑文档属于以下类型:
规则是: * 所有内容都在<p>
标签中。* 每个<p>
都必须有一个分配给它的类,它可以是 'r'、'g' 或 'b'。* 里面的内容
标记只能由<b>
或设置样式<i>
。* 没有嵌套<p>
标签。
是否可以初始化 quilljs 编辑器/散文编辑器/其他以仅允许这种类型的文档。请注意,<p>
and<b>
是替身..如果解决方案是使用<div>
/就可以了<strong>
。
quill - Restrict a Quill editor to a single-line input?
Is there a way to restrict the editor to a single-line input? Much like input
vs. textarea
.
quill - Quill Editor 的全屏按钮?
我正在使用 Quill Editor。到目前为止还不错。我的问题是,有什么方法可以通过工具栏中的按钮使 Quill Editor 全屏显示(某种无干扰模式)?如果不是,我该如何自行实施呢?
quill - Quill 如何根据鼠标位置确定光标的放置位置?
结合 Quill 和 Interact.js 后,似乎事件正在重叠。每当我单击 Quill 编辑器时,它都不知道将光标放在哪里。我曾尝试在 Quill 编辑器上触发“焦点”事件,但它只使用最后一个范围,并没有将光标放在鼠标悬停在文本上的位置。
我想在检测到鼠标点击文本时触发与 Quill 相同的事件/调用相同的函数。
css - 100% 的高度溢出了我的弹性布局
我用 flex box 创建了一个有点圣杯的布局。这完全像它应该没有任何滚动条一样工作 - 直到我将 Quill 文本编辑器插入到我的 content_wrapper 容器中。在这个容器中,有顶部工具栏和内部编辑器的主 div。
当我尝试将编辑器的高度设置为 100% 时,它会产生溢出(我认为是因为它占用了 100% 的主体,但没有认识到它上面还有我自定义的蓝色工具栏)。
我需要如何设置我的页面,以使编辑器不会超出底部的页面?
请在完整视图页面上运行此代码段!
javascript - 羽毛笔模板气泡;溢出顶部的提示:滚动
我正在quill.js
和它一起工作,这太棒了!我确实有一件事我无法弄清楚。我有一个容器,可以滚动(想象一个 600x300 的窗口),我设置了溢出-y:滚动;但现在隐藏了元素。
这里演示选择了一些边框上的文本并且它被隐藏了,我想显示它或至少显示它的左侧和右侧。
JS
CSS
javascript - 难以将 Quill 链接工具提示添加到自定义主题
我一直在搜索文档以获取有关如何将链接工具提示实现到非标准主题(例如,不是雪或气泡)的指导,但我遇到了问题。
阅读此处的文档使我认为我需要modules.toolbar
在初始化 Quill 实例时添加一个处理程序对象,如下所示:
在我的例子中,当按下工具栏中的链接按钮时,处理函数确实被调用,但value
总是false
. 为什么?
javascript - 编辑器初始化后如何添加自定义颜色
正如标题所说,是否有在初始化后添加颜色quill
?我可以访问编辑器变量。
谢谢
javascript - 不能用 Jquery 选择
我正在制作一个简单的表单,它同时包含引导程序和羽毛笔编辑器。当我单击“发送”按钮时,Jquery 会选择引导表单字段的值,但不会选择羽毛笔编辑器的值。此外,我会将这些数据发送到我的 API。我是前端的新手。
这是我的代码:
因此,当我单击“发送”按钮时,“正文”返回 null。如您所见,我还进行了设置:body: $("#quill-editor-t").val()
我不知道我该如何处理?我只想用 jquery 阅读我的羽毛笔编辑器的内容,但我不知道该怎么做。