问题标签 [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.

0 投票
1 回答
4586 浏览

quill - Quill.js:制作自定义链接格式 - 或 - 具有相同标签名称的自定义格式

我正在使用 Quill 1.0.0-rc.1。如何制作几种不同类型的链接格式?我制作了三种不同类型的添加data-link-type属性的链接格式。当我创建链接时,这很好。但是,当我使用 将内容重新加载到编辑器中pasteHTML时,最后注册的格式获胜,因为tagNames 都是“A”,因此所有data-link-types 都设置为resource

所以这:

变成这样:

我已经包括了一支代码笔:

http://codepen.io/anon/pen/akxNNK

0 投票
1 回答
876 浏览

quill - 如何隐藏滚动条?

我用的是Quill,里面用了一个滚动条插件,但是原来Quill的滚动条还在。这对 没有影响overflow: hidden。我该如何隐藏它?

两个重叠的滚动条

0 投票
1 回答
7679 浏览

javascript - 如何使用 Quill 格式化文本和嵌入视频?

我开始将 WYSIWYG 集成到博客项目中,为此我正在使用 Quill(我之前没有使用过它的经验)。我能够按照需要的方式自定义我的编辑器,我不明白的是如何处理文本格式和嵌入视频。我的帖子表单中有两个字段,“预览”和“内容”(两个鹅毛笔编辑器),同时介绍我可以给它格式的文本(标题,斜体,下划线......等),当点击嵌入视频选项编辑器允许我添加链接并在那一刻可视化嵌入视频。当我按下保存按钮时,它将帖子存储在我的数据库中,但在我的单个帖子页面中,我可视化了所有没有格式的字段(标题、斜体、下划线等),也没有嵌入视频。如何提供格式并显示视频?任何帮助,将不胜感激。

我阅读了 Quill 文档并试图了解如何使用 deltas 来处理这个问题,但我不知道如何使它工作。

我正在使用 Meteor + React,这是我的代码(我将只显示相关代码):

这是我的库,quill.jsx

这是我的输入表单组件,list.jxs

最后是我的 collections.jsx

0 投票
1 回答
1423 浏览

angular - QuillJS 编辑器正确加载,但在粘贴过程中找不到 CSS 文件

我有一个 Angular2 (RC5) 和 PrimeNG (Beta 13) 应用程序,它使用基于 QuillJS 编辑器 (v1.0.0-rc.2) 的 PrimeNG 编辑器组件 (p-editor)。我的项目基于Angular 2 Seed项目。

带有编辑器组件的页面加载良好,我可以进行一些基本的文本编辑。但是,当我尝试将一些文本粘贴到编辑器中时,Chrome 开发工具会报告数字 404 错误:

开发工具错误

奇怪的是,如果我将鼠标悬停在开发工具中的 clipboard.js:122 链接上,地址会显示,因为webpack:///./modules/clipboard.js 我不相信我正在使用 webpack。

这是我的 tools/config/project.config.ts 文件

看起来 Quill(剪贴板)的依赖项没有正确加载。我该如何解决?

0 投票
0 回答
1107 浏览

javascript - Quill Js中如何限制输入的单词?

我正在按照 codepen除了计数之外构建单词计数器模块的示例,我需要将输入限制为 30 个单词,这样用户就不能再写了。我不知道在哪里实现我需要的东西。我想我可以使用类似 splice(begin, end) 的东西。

这两个正在做数词的事情:

我不知道是否必须添加新方法或修改这两个方法之一。就像是:

这显然失败了,任何指导将不胜感激!

更新

感谢@maioman,我得到了我需要的更接近的方法,通过执行以下操作,我可以将单词“限制”为 30。

问题

如果我继续输入预览词消失,然后我在输入字段中得到一个未定义的:

我尝试了什么:

这不会引发未定义,但它不起作用。

0 投票
2 回答
3621 浏览

javascript - 如何将 html 文件加载到 ngQuill(Quill 编辑器)中?

我正在使用 ngQuill,它是 AngularJS 的 Quill 版本,我需要知道是否有办法将已经创建的 HTML 放入/加载到编辑器中。

我在文档中找不到任何关于它的信息。

像往常一样,对不起我糟糕的英语:c

0 投票
1 回答
2069 浏览

vue.js - Quill 编辑器和 Vue.js

我是一个 vue.js 初学者,我一直在尝试将 Quill 编辑器集成到 Vue 模块中。起初,我尝试使用 vue-quill 插件,但文档很差,我无法理解如何使用它。非常令人沮丧。

现在我不知道我是否最好尝试创建自己的插件,或者我是否再次尝试现有插件并尝试增强它。

我想要的是有人请提供一些示例工作代码来实现这一点。

0 投票
4 回答
7090 浏览

quill - quill可以限制上传图片的大小吗?

由于图像很大,响应很慢,所以必须限制!怎么做?谢谢!

0 投票
1 回答
1952 浏览

javascript - Quill.js - 无法在 Quill.js 0.20.1 中的 readOnly:true 编辑器上获取选择范围 -

工具:Quill.js 用例 用户在只读编辑器中选择文本范围并应用突出显示。

详细上下文 我正在维护一些使用 Quill 0.20.1 的代码。我创建了一个 readOnly:true 编辑器来禁止更改内容。即使编辑器中的文本内容是只读的,我仍然希望用户能够选择、突出显示和关联一些引用所做选择的元数据。(基本上我想阅读用户在羽毛笔编辑器上所做的选择范围)

所以我尝试了以下方法:

并且尝试监听事件“selection-change”似乎也没有被事件调用。

相反,如果我从 quill 编辑器构造函数中删除 readOnly 标志,它工作得很好。这是期望的行为吗?为什么只读编辑器不可选?

最后,我创建了一个普通的编辑器(主题:雪和格式:[“背景”]),我尝试使用以下函数禁用编辑器,但范围函数仍然没有返回选定的范围。

如果我不调用 enable(false) 函数,getRange() 工作正常。

参考 范围函数:quill.editor.selection.getRange();

禁用功能:quill.editor.enable(false);

PS。我对 Quill 1.0 感到很兴奋,但是我必须在 Quill.js 0.20.1 中实现这个功能。

0 投票
3 回答
6921 浏览

quill - 在 Quill 中删除内联格式

我在让 removeFormat 正常工作时遇到了一些麻烦。有趣的是,我以为我几天前就开始工作了;但是现在当我检查它是不对的。无论选择在哪里,它都会删除块级格式。一个简单的示例,使用 Quill 快速入门并进行一些修改:

在这个例子中,如果我对“Hello”应用粗体并使整行成为块引用,所有看起来都应该如此。如果我然后选择“Hello”并单击我的 X 按钮来删除格式,它会删除块引用格式,即使我离“\n”字符还很远。我是否误解了 removeFormat,或者我创建 BlockquoteBlot 的方式是否有错误?我主要从 Quill 网站上的 Medium 演示中获取该代码,但我发现在某些情况下,我需要专门定义范围,以便将标记识别为块(这对于本演示可能不是必需的,但我包括它以防出现问题)。