问题标签 [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 回答
1906 浏览

javascript - 在 Quill setHTML 中包含样式

我正在尝试将 HTML 插入羽毛笔编辑器。HTML 可以在样式标签中包含自定义样式。

Quill 正在用 HTML 中的 span 标签替换所有样式标签,例如在这个 jsfiddle 中的一个测试:http: //jsfiddle.net/f1L4z2py/

Quill 是否支持其编辑器 HTML 中的自定义样式?

我查看了 Quill 文档: http: //quilljs.com/docs/api/,但是除了 SetContents 之外,我没有看到任何关于 HTML 中自定义样式的支持,但是我想避免从给定的 HTML 中提取样式如果我能避免的话。

切换跨度标签的样式标签是否是 Quill 的错误?是支持自定义样式以在 Quill 中设置 HTML 以首先从给定 HTML 中手动提取样式然后将 HTML 应用到 Quill 编辑器的唯一方法吗?

谢谢

0 投票
1 回答
2984 浏览

angularjs - ng-quill 文本编辑器只更新一次

我有一个角度应用程序,我正在使用ngQuill

基本指令是通过将其注入您的应用程序并在您的 HTML 中使用标签来实现的:

在我的应用程序中,我有一个模式,允许用户选择要从select. 第一次一切都很好。但是,如果我尝试加载不同的文档,ngQuill 会拒绝更新。数据被推送到其他绑定,但不是 ngQuill。我做了一个测试,看看绑定到 ngQuill 的绑定是否真的在获取数据,ngQuill 永远不会更新。

我想也许它只需要一个 $digest,但我尝试了 $timeout 和 $apply 却什么也没有。这几乎就像它正在失去绑定一样。有什么建议么?

如果您查看此 plunker,您可以看到问题。单击一个按钮,然后单击另一个 - 第一个将正确加载,但之后只有标题更改。

该文档还具有以下内容,但我不确定它是否相关或如何使用它:

如果您在表单中使用它并通过 $setPristine() 重置它 -> 您必须设置 editor.setHTML('') -> 如果模型具有 ng-dirty 类,它将仅添加错误类

0 投票
1 回答
1492 浏览

javascript - 在羽毛笔编辑器中更改标签?

我试图查看文档,但没有解释例如如何更改粗体格式以在<strong>text</strong>tag 而不是<b>text</b>tag 之间换行?

0 投票
1 回答
673 浏览

javascript - 当滚动条出现时,如何确保以编程方式选择的文本在 Quill 中可见

我在一个固定高度的 div 中有 Quill,这样我就可以在页面上的其他 div/面板上显示 Quill。因此,一旦文本足够长,Quill div 就会有滚动条。

为了响应其他面板中的一些用户操作,我使用Quill.prototype.setSelection( http://quilljs.com/docs/api/#quillprototypesetselection ),当整个文本足够短以至于整个文档可见时,它的效果很好。但是如何确保对于较长的文档,我也滚动到文档的相关部分,以便选择可见?

谢谢!

0 投票
1 回答
1380 浏览

asp.net-mvc - 当用户将文本粘贴到 Quill.js 编辑器时,如何保留双倍行距?

我有一个使用 Quill.js 的 ASP.NET MVC 应用程序。我希望用户能够从 MS Word 中复制双倍行距文本,并将其粘贴到我的 Quill 编辑器中,同时保留他们的双倍行距。

在视图中:

js:

当我查看 devtools 时,我看到有一个类为 'ql-paste-manager' 的 div,这是我认为我需要覆盖的,但我不确定如何或是否这是要走的路。

0 投票
1 回答
611 浏览

javascript - quill:保留 span id 和 class?

我正在尝试以更改文本中包含的某些跨度的 id 和类的方式自定义 Quill(例如,设置具有给定背景颜色的文本,并为创建的跨度提供特定的 id 和类)。我知道 quill 会“重新规范化”html 代码。当我移动选定的文本或复制粘贴它时,会保留一些特征,但不会保留 id 和特定类。是否有可能以某种方式使 quill 只保留它移动的跨度或 div 的 id 和类?我不想添加疯狂的 html。

谢谢

0 投票
0 回答
785 浏览

javascript - quill : 将内容放到指针下的位置

在某些编辑器中,当您要从其外部拖放一段文本时,光标会跟随鼠标指针,您可以拖放到鼠标指针所在的位置,光标在其下方。就我而言,我遇到了一个问题,因为无论拖放时鼠标指针的实际位置如何,在拖动文本(从编辑器外部获取)之前设置光标位置的位置都会放置文本。编辑器中的文本光标未跟随鼠标指针。

你认为我在代码中的某个地方犯了错误,即有没有一种简单的方法来实现这种行为?

再次感谢) !

0 投票
1 回答
1658 浏览

quill - 羽毛笔编辑器中的图像控件

我想在羽毛笔编辑器中添加对图像的控件,只是基本按钮,如left, center, right,在挖掘代码库后找不到如何做到这一点的线索。

如果我尝试将任何 dom 注入编辑器,quill 会立即明白它不应该存在并规范化为文本。

谢谢你。

0 投票
2 回答
1292 浏览

javascript - add a click handler to a quill object

In Quill, I prepared a special span (just changing the background color) of some text. Now I would like to fire up a popup when a user clicks or double-clicks on that span. Doing that, it seems that Quill intercepts the event (which is not unexpected) but probably stops the propagation. Is there a way to make Quill not stop the propagation and allow for remaining click handlers to be called ?

I tried a

before binding with my handler but it doesn't work.

Thanks !

Damir

0 投票
1 回答
886 浏览

wysiwyg - Quill WYSIWYG 编辑器 - 为按钮添加属性

如何在基于 Quill 的 WYSIWIG 编辑器中为按钮添加属性?

这是我的代码

现在,如果我要向 中添加颜色<span class="ql-format-button ql-color"></span>,我不知道该怎么做。