web-dev-qa-db-ja.com

QuillJSリッチテキスト出力をHTMLにレンダリングする方法

私は少し行き詰まっています。QuillJSエディターを使用していて、エディターからの出力をhtmlドキュメントと、おそらくPDFドキュメント(HTML優先事項です)

次のように出力をレンダリングするにはどうすればよいですか。

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

私は周りを見回しましたが、これを行う方法を見つけることができないようです。誰かが助けてくれることを願っています。

ありがとう!

15
Tony
editor.root.innerHTML

スタイルを設定する必要があります。

そこから、PDFにjsPDFのようなものでエクスポートするか、サーバーにバウンスできます。

例:

クイルコンテンツの取得

15
Keno

視覚化ではなくコンテンツを表すように設計されたクイルデルタ自体。 as documentation 言う、デルタは属性に意味を割り当てない、bold<strong>または<b>または<custom tag> HTMLでは、独自のコンテンツを表すようにデルタを設計できることを意味します。

独自の形式でデルタをレンダリングするには、 quill-render を使用できます。そのため、htmlおよびpdfにレンダリングするために1つ以上の異なるフォーマットを持つことができます。

3
mastito

QuillはネイティブにHTMLに出力しません。しかし、 quilljs-renderer など、Quillからデータをレンダリングできるプラグインがあります

2
Mike P