Как визуализировать вывод HTML-кода QuillJS в HTML

Я немного застрял, я работаю с редактором Quill JS и теперь дошел до того, что мне нужно сделать вывод из редактора в html-документе и, возможно, в формате PDF (HTML является приоритетом)

Как сделать вывод вывода следующим образом:

{
  "ops": [
    {"attributes":{"bold":true},"insert":"Test Post"},
    {"insert":"\n\nThis is a test post.\n"}
  ]
}

Я осмотрелся, но, похоже, не знаю, как это сделать. Надеюсь, кто-то может помочь.

Спасибо!

Ответ 1

editor.root.innerHTML

Вам нужно будет стилизовать его.

Оттуда вы можете экспортировать в PDF с чем-то вроде jsPDF или аналогичным или отсканировать его на сервер.

Пример:

Получение содержимого Quill

Ответ 2

Quill delta сама предназначена для представления содержимого, а не визуализации. как документация говорят, что delta не присваивает никакого значения атрибуту, bold может быть <strong> или <b> или <custom tag> в html, это означает, что вы можете создать свою дельту для представления своего собственного контента.

Для рендеринга delta в вашем собственном формате вы можете использовать quill-render. поэтому вы можете иметь один или несколько разных форматов для рендеринга в html и pdf.

Ответ 3

Quill не выводит на HTML изначально. Но есть плагины, которые могут отображать данные из Quill, такие как quilljs-renderer