Установить содержимое Quill.js с помощью внешнего HTML

Question

Я пытаюсь установить содержимое quill.js с внешним HTML следующим образом:

quill.container.querySelector('.ql-editor').innerHTML = myHtml;

Но не весь код myHtml показан в редакторе!

Когда я делаю это:

document.getElementById("editor").innerHTML = myHtml; 

Весь html есть, но функциональность редактирования не предоставлена ​​(потому что внутри #editor есть.ql-редактор, который переопределяется.

Смотрите здесь: https://fiddle.jshell.net/ppkxL2pd/16/

Не стесняйтесь менять две данные возможности, чтобы понять, что я имею в виду.

Почему myHtml не отображается правильно?

Answer 1

Проблема была в том, как вы назначали HTML myHtml переменная.

Вы правильно использовали backtick в качестве литерала шаблона, но в данном конкретном случае он не работает.

Решения:

1. Держите весь HTML на одной строке. (Плохой способ). Рабочая демоверсия здесь
2. использование \ в конце каждой строки. Рабочая демоверсия здесь