向angular 6中的ngx-quill添加源按钮

Question

我使用ngx羽毛笔的文本编辑器，现在我必须添加编辑目的的源码按钮。所以我检查了这个链接

https://codepen.io/anon/pen/ZyEjrQ

但如果我在这里添加

<div> Hello </div>

如果我再次点击源代码，我可以看到如下所示

<p> Hello <p>

所以我需要知道如何在ngx-quill中添加源代码，并且输出应该与我输入的相同

任何方法都可以做到这一点。

Answer 1

Quill对块级元素使用<p>标记。因此，如果粘贴<div></div>，它将被转换为<p></p>。但您可以通过使用以下代码和ngx-quill来更改此默认行为：

const parchment = Quill.import('parchment')
const block = parchment.query('block')
block.tagName = 'DIV'
Quill.register(block, true)

这将保留所有的<div></div>标记。希望这能有所帮助：)