Как преобразовать вывод расширенного текста QuillJS в HTML

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

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

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

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

Спасибо!


javascript quill
person Tony    schedule 29.09.2016    source источник

Ответы (3)


arrow_upward
16
arrow_downward 

editor.root.innerHTML

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

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

Пример:

Получение контента Quill

person Keno    schedule 16.10.2016
comment
если я использую .innerHTML, я не смогу редактировать дальше. - person Abhishek Ekaanth; 21.12.2017
comment
@AbhishekEkaanth: Не уверен, в чем твоя проблема, может быть, открыть новый вопрос? - person Keno; 21.12.2017
comment
это не то, как вы используете quilljs. Так многие люди делают это. Просто дельта! - person Cas Bloem; 13.05.2018

arrow_upward
4
arrow_downward

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

Чтобы отобразить дельту в собственном формате, вы можете использовать quill-render. так что вы можете иметь 1 или несколько разных форматов для рендеринга в html и pdf.

person mastito    schedule 15.10.2016

arrow_upward
2
arrow_downward

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

person Mike P    schedule 29.09.2016