Comment rendre le texte riche de QuillJS en HTML ?

Question

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

Comment rendre un résultat comme celui-ci ?

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

J'ai cherché un peu partout mais je n'arrive pas à trouver comment faire. J'espère que quelqu'un pourra m'aider.

Gracias.

Answer 1

editor.root.innerHTML

Vous devrez le coiffer.

À partir de là, vous pouvez exporter au format PDF avec quelque chose comme jsPDF ou similaire ou le transférer sur le serveur.

Ejemplo:

Obtenir le contenu de Quill

Answer 2

Le delta de la plume est lui-même conçu pour représenter le contenu, pas la visualisation. comme documentation dire, delta n'attribue aucune signification à l'attribut, bold peut être <strong> o <b> o <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 . ainsi vous pouvez avoir 1 ou plusieurs formats différents pour le rendu de vos html et pdf.

Answer 3

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