将角色按钮添加到角度6的ngx-quill中

Question

我使用ngx quill进行文本编辑，现在我必须添加源按钮以进行编辑。所以我检查了这个链接

但在这里如果要加入

<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>标签。希望这可以帮助：）