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

javascript - 如何创建没有工具栏的 Quill 编辑器?

我想使用 Quill 但不显示编辑器工具栏(或“泡沫”替代品)。我基本上想要一个带有 Quill/Parchment 支持的文本区域。

然而,每当我创建一个新的 Quill 元素时,我总是得到工具栏,即使我没有要求它。此外,删除工具栏会导致 JavaScript 错误,这会破坏页面上运行的任何其他内容。

默认值:

将模块设置为空对象是相同的(我相信这是默认设置):

将工具栏模块设置为falsenull导致 JavaScript 错误:

这就是我想要的,但这似乎是一个 hacky 解决方法,我不喜欢它:

似乎没有办法在 Quill 编辑器上没有display: none工具栏,除非将其呈现为始终为. 这是真的,还是有另一种更优雅的方式不呈现工具栏?

tl;dr:我不想要 Quill 工具栏,如何在没有工具栏的情况下创建新的 Quill 实例?

(您可以在此 JSFiddle自己使用这些不同的配置选项)

0 投票
17 回答
47845 浏览

quill - 将 Quill Delta 转换为 HTML

如何将 Delta 转换为纯 HTML?我使用 Quill 作为富文本编辑器,但我不确定如何在 HTML 上下文中显示现有的 Delta。创建多个 Quill 实例是不合理的,但我想不出更好的方法。

我做了我的研究,我没有找到任何方法来做到这一点。

0 投票
1 回答
2125 浏览

html - 如何在 Quill 编辑器中添加图像属性?我想添加“alt”和“title”属性

当我上传图片时,只保存它的“src”。我想为 SEO 添加替代文本和标题。我尝试在 Quill 文档中搜索模块,但找不到任何模块。

0 投票
1 回答
4193 浏览

reactjs - 如何在 Quill 编辑器中向内容添加不可编辑的标签

我想添加几个预先构建的标签,例如

到羽毛笔编辑器中的 html 内容。添加这样的标签本身应该不是问题。但是我不希望用户能够编辑标签内的文本。甚至不应允许将光标放在标签内。div删除时应将整个删除。整个标签在某种意义上应该像一个图像。可能吗 ?

0 投票
0 回答
2723 浏览

quill - 覆盖 Quill 默认键绑定

我正在尝试覆盖“列表自动填充”默认键绑定。我的配置基于文档(http://quilljs.com/docs/modules/keyboard/#configuration),但它似乎不起作用;默认处理程序正在触发,而我的似乎没有添加(基于检查quill.keyboard.bindings)。

这是我的代码(这基本上是键盘模块绑定的副本,对处理程序进行了编辑):

接着:

还有更多吗?这种类型的“自定义”键绑定不能被覆盖吗?我的处理程序是否需要比默认处理程序更具体?

0 投票
8 回答
20496 浏览

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

我真的很难理解如何使用羽毛笔......

保存数据不是问题,因为这非常简单:)

我有点卡在两点上

  1. 如何在quill中编辑保存的数据
  2. 如何解析保存的数据以创建静态页面

任何人都可以提供任何建议如何加载增量

回到羽毛笔编辑器以及如何解析输出以创建页面?

提前感谢您的任何回复!

0 投票
3 回答
19269 浏览

javascript - 如何将 QuillJS 富文本输出呈现为 HTML

我有点卡住了,我正在使用 Quill JS 编辑器,现在我需要在 html 文档和可能的 PDF 文档中呈现编辑器的输出(HTML 是优先事项)

我将如何呈现这样的输出:

我环顾四周,但似乎无法找到如何做到这一点。我希望有人能帮帮忙。

谢谢!

0 投票
1 回答
1649 浏览

angular - PrimeNg 编辑器不调整大小(角度 2)

我目前正在为 Angular 2 应用程序开发编辑器,但在调整它的大小时遇到​​了问题。在我的代码中,我更改了 width 属性,但是它只减少了编辑器的主体而不是工具栏,有什么方法可以改变它吗?

在此处输入图像描述

0 投票
1 回答
1025 浏览

javascript - quill.js 找不到模块 webpack.config.js

对于 quill 的本地开发,从 quill 开发分支克隆源代码并遵循以下步骤,

  1. npm 安装
  2. gem install foreman jekyll kramdown rouge jekyll-sitemap jekyll-redirect-from jekyll-feed
  3. npm 运行构建

运行npm run build时出现错误,npm build failed in, webpack --config _develop/webpack.config.js; rm dist/quill.core dist/quill.bubble dist/quill.snow;

错误找不到模块'F:\quill_develop\webpack.config.js'

0 投票
2 回答
9244 浏览

quill - 在羽毛笔编辑器的特定索引中插入链接

我正在尝试在羽毛笔编辑器的特定位置插入锚文本。

但我收到此错误,无法读取未定义的属性“dangerouslyPasteHTML”。但我已经定义了编辑器。

有没有办法在羽毛笔编辑器中插入链接?