Добавление кнопки Source к ngx-quill в угловых 6

Question

Я использую ngx quill для текстового редактора, теперь я должен добавить кнопку источника для редактирования.Поэтому я проверил эту ссылку

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> теги. Надеюсь, это поможет:)