Установить содержимое Quill.js с помощью внешнего HTML
Я пытаюсь установить содержимое 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 не отображается правильно?
1 ответ
Проблема была в том, как вы назначали HTML myHtml
переменная.
Вы правильно использовали backtick в качестве литерала шаблона, но в данном конкретном случае он не работает.
Решения:
- Держите весь HTML на одной строке. (Плохой способ). Рабочая демоверсия здесь
- использование
\
в конце каждой строки. Рабочая демоверсия здесь