时间戳

首页 > 解决方案 > 在角度 6 中将 Source 按钮添加到 ngx-quill

angular - 在角度 6 中将 Source 按钮添加到 ngx-quill

问题描述

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

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

但是在这里如果我添加

<div> Hello </div>

如果我再次点击源，我可以看到

<p> Hello <p>

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

任何方式都可以这样做。

标签： angulareditorquill

解决方案

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

推荐阅读