问题标签 [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 投票
2 回答
1142 浏览

javascript - 在 Quill 编辑器中显示文本

当我尝试设置包含“\n”的文本时。它显示错误 - Uncaught SyntaxError: Unexpected token ILLEGAL in browser console

在 java 脚本控制台中,我得到如下文本。

我想在编辑器中显示如下文本:

0 投票
2 回答
2730 浏览

quill - 如何在 Quill 编辑器中将 css 类添加到图像标签

我想将 Quill 与引导程序一起使用。

我需要class="img-fluid"在编辑器中为图像标签添加属性。

0 投票
1 回答
2114 浏览

quill - 如何在 quilljs 中制作不可选择的嵌入自定义格式

我想创建一个可以设置样式但不能更改文本的自定义嵌入格式。我的用例与主题标签案例非常相似。我想要一个外部按钮,可以将标签添加到编辑器上的当前选定范围。但是在这样做之后,我希望主题标签表现为一个“块”,这样用户就不能去那里改变它的文本。

我可以做到这一点的唯一方法是说格式的节点是 contenteditable=false 但我不确定我是否走对了,因为我在使用这种方法时遇到了一些问题,主要是:

如果主题标签是编辑器上的最后一件事,我无法移过它(使用箭头或光标)双击它以选择应该选择整个事物(而不是单个单词)(用于样式)如果光标紧跟在主题标签后面,按右并书写将在主题标签内写入您可以检查我在尝试此操作时制作的代码笔:

这是完整的代码笔:http: //codepen.io/emanuelbsilva/pen/Zpmmzv

如果你们能给我任何关于我如何做到这一点的提示,我会很高兴。

谢谢。

0 投票
1 回答
1361 浏览

javascript - quill.js 与 laravel 5.3 论坛站点的集成

我正在寻找一种将 quill.js 集成到我的网站中的方法,但他们提供的支持不存在或像泥浆一样清晰。有人能帮我吗?

下面是我的代码,目前都是内联的,以便更容易查看所有内容。我已经设法让羽毛笔在页面上运行,我可以用它编辑文本,但是当我提交表单时,它没有提交编辑器的值,因为它应该......

编辑器应将其内容传递给隐藏的输入并提交其内容,但是当我提交表单时,不会填充输入。

如果有人知道我做错了什么,那么我会全神贯注,如果有人有更好的方法来尝试解决问题,那么我再次接受建议(顺便说一句,表单当前设置为 GET,因此我可以轻松检查正在传递的内容但是已经编写的控制器处理正在发布的变量。

谢谢!

0 投票
1 回答
932 浏览

javascript - 使用 Quill 进行 socket.io 富文本编辑

我试图用 socket.io 实现 Quill API 来构建一个实时编辑器。我能够发出 Delta,但 quill.updateContents() 似乎没有用发出的 Delta 操作数据更新文本编辑器。

这是我的代码:

index.html(客户端)

index.js(服务器端)

我将非常感谢您的帮助!

0 投票
1 回答
1849 浏览

css - 获取当前 Quill Editor 的工具栏背景颜色

我正在实现一个 primeNg/quill 编辑器,作为 UX 设计的一部分,我需要在屏幕上显示一个与编辑器工具栏具有相同颜色背景的容器。我正在查看 snow.css 文件但似乎找不到它,任何 quill 专家都知道我可以在 snow.css 或 Quill 的任何其他依赖 css 上找到它吗?谢谢!

在此处输入图像描述

0 投票
1 回答
10704 浏览

javascript - 公认的 quill 工具栏类列表

quill 模块的文档指出:

...您可以在 HTML 中手动创建工具栏,并将 DOM 元素或选择器传递给 Quill。ql-toolbar 类将被添加到工具栏容器中,并且 Quill 将适当的处理程序附加到具有 ql-${format} 形式的类名的元素。Buttons 元素可以选择具有自定义值属性。

下面的示例包括以下示例

是否有我可以参考的所有已识别 ql-${format} 类的列表?在“工具栏”文档部分中包含这些内容的表格会非常有帮助。

0 投票
3 回答
4537 浏览

quill - 有没有办法覆盖 Quill 的 svg 图标?

我正在使用最新版本的 quill.js,并且想知道是否有一种方法可以覆盖 Quill 在生成编辑器工具栏时使用的 svg 图标(对于气泡主题,如果这很重要。)

我试过四处寻找,看看在源代码中定义图标的位置,但它看起来像是传递一组工具栏选项,或者自己定义标记并传递一个选择器以toolbar最终插入 svg 图标。

有没有一种方法可以自定义此行为而无需获取 Quill 源并进行自定义构建?诸如如何Quill.import('formats/link')定制之类的东西sanitize()

0 投票
1 回答
2312 浏览

javascript - Quilljs通过按钮在光标位置插入图像单击转到顶部

我尝试在光标位置插入图像。

繁殖步骤

  1. 单击光标中的任何一行
  2. 点击插入

预期行为

在当前光标位置插入图像

实际行为

仅在顶部插入

平台

我的大脑我认为它只是弄错了

这就是我尝试插入的方式:

完整示例:

0 投票
5 回答
14311 浏览

django - QuillJS 不适用于 textarea

我正在尝试在我的 Django 1.10 模板中的特定表单字段上使用 QuillJS,如下所示:

问题是 Django 将我想使用 Quill 的表单字段呈现为 atextarea而不是 a div,而 Quill 似乎无法在它上面工作:应用于文本的任何效果都不会在视觉上或在结果输出中注册,并且当我尝试编辑现有记录时,初始文本不会显示在编辑器中,即使它存在于标记之间的源 HTML 中textarea

这是 Quill 无法解决的已知问题,textarea还是有其他问题?