在角度6中将源按钮添加到ngx羽毛笔

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>标签。 希望这会有所帮助：）