12

I recently found out about Quill text editor and since I am playing with new stuff in php and javascript I decided to use it in my app instead of Wysiwyg.

Quill documentation is really minimalistic though. How do I add a button that allows user to show and edit current html?

Do I have to extend Quill and make one of my own?

4

3 回答 3

29

好吧,3年后这仍然是一个问题。

所以我做了一个小模块来完成这个。

https://github.com/benwinding/quill-html-edit-button

演示

于 2019-10-31T07:57:00.790 回答
5

如果您检查以下链接,您将看到他们没有将 HTML 按钮的选项添加到配置列表键中。可能,您必须扩展库。 http://quilljs.com/docs/configuration/是配置页面的链接。

在 API 调用列表中,我看到您可以通过函数调用从插件中获取 HTML。您可以在以下链接中找到它。函数名称称为 getHTML()。因此,您可能必须通过创建自己的按钮和显示区域来扩展库。

于 2016-06-27T23:31:25.790 回答
-1

我在 Angular 应用程序中使用 quill,所以我所要做的就是使用 [(ngModel)] 将 quill 编辑器的内容包装在“pre”标签中,并添加到 ngx-highlightjs 模块以添加一些语法颜色:

<pre><code [highlight]="content"></code></pre>

如果您使用纯 javascript,您可以创建一个简单的按钮,该按钮将使用编辑器中的内容填充“pre”标签。

于 2020-12-01T20:40:03.623 回答