web-dev-qa-db-fra.com

Comment rendre la sortie de texte riche QuillJS en HTML

Je suis un peu coincé, je travaille avec l'éditeur Quill JS et j'en suis maintenant au point où j'ai besoin de rendre la sortie de l'éditeur dans un document html et éventuellement un PDF document (HTML est une priorité)

Comment puis-je rendre la sortie comme ceci:

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

J'ai jeté un œil aux alentours, mais je n'arrive pas à trouver comment faire. J'espère que quelqu'un pourra vous aider.

Merci!

15
Tony
editor.root.innerHTML

Vous devrez le styliser.

De là, vous pouvez exporter vers PDF avec quelque chose comme jsPDF ou similaire ou le renvoyer vers le serveur.

Exemple:

Obtenir le contenu de Quill

15
Keno

Quill delta lui-même conçu pour représenter le contenu, pas la visualisation. comme documentation disons, delta n'attribue aucune signification à l'attribut, bold peut être <strong> ou <b> ou <custom tag> en html, cela signifie que vous pouvez concevoir votre delta pour représenter votre propre contenu.

Pour rendre delta dans votre propre format, vous pouvez utiliser quill-render . vous pouvez donc avoir un ou plusieurs formats différents pour le rendu en html et pdf.

3
mastito

Quill ne sort pas en HTML nativement. Mais il existe des plugins qui peuvent rendre les données de Quill, tels que quilljs-renderer

2
Mike P