如何在Wysiwyg中添加Quill中的"show html"按钮?

Mic*_*hal 5 javascript php toolbar quill

我最近发现了关于Quill文本编辑器的问题,因为我正在使用php和javascript中的新东西,我决定在我的应用程序中使用它而不是Wysiwyg.

但是,Quill文档非常简约.如何添加允许用户显示和编辑当前html的按钮?

我是否必须扩展Quill并制作我自己的一个?

Ben*_*ing 24

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

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

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

演示

  • 做得好!谢谢 (3认同)
  • 谢谢你!这很有帮助。2021 年。 (2认同)

Cen*_*raz 5

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

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

  • 换句话说,我又回到使用 TinyMCE 了。不过还是谢谢你的回答。 (13认同)
  • 这实际上是一个基本功能,为什么他们不让它变得可用 (4认同)
  • 在学习 Quill 时,我遇到了 https://kenoleon.github.io/Front-End-Web-Dev-UI-UX/quilljs,其中提供了几个有用的示例。示例#2 展示了如何使用innerHTML 属性(editor.root.innerHTML —— 其中“editor”是quill 对象的名称)从Quill 获取HTML。不确定直接编辑它。也许把它放在另一个编辑器中? (2认同)