Convertir Delta Quill en HTML
Comment puis-je convertir des Deltas HTML pur? Je suis l'aide de la Plume comme un éditeur de texte riche, mais je ne suis pas sûr de savoir comment je voudrais afficher l'existant Deltas dans un contexte HTML. Création de plusieurs Quill cas ce ne serait pas raisonnable, mais je ne pouvais pas trouver quelque chose de mieux encore.
J'ai fait mes recherches, et je n'ai trouvé aucun moyen pour ce faire.
source d'informationauteur km6
Vous devez vous connecter pour publier un commentaire.
Pas très élégant, mais c'est de cette façon que j'avais à faire.
Évidemment, ce n'besoins quill.js.
Si j'ai bien compris, il n'y a qu'une plume d'oie fil de discussion iciavec les renseignements essentiels que vous êtes après.
J'ai cité ce qui devrait être de plus de valeur pour vous ci-dessous:
Je suppose que vous voulez le code HTML à l'intérieur. Son assez simple.
J'ai accompli dans le backend à l'aide de php.
Mon entrée est encodé en json delta et mon résultat est la chaîne html.
voici le code , si ce n'est d'aucune aide pour vous.Cette fonction est encore pour gérer les listes si et quelques autres formats, mais vous pouvez toujours prolonger ceux qui sont dans la fonction.
plume.de la racine.innerHTML sur la plume de l'objet fonctionne parfaitement.
Voici comment je l'ai fait, pour vous Exprimer gens. Il semble avoir très bien travaillé en collaboration avec l'express-désinfectant.
app.js
nouveau.ejs
express-sanitizer
(https://www.npmjs.com/package/express-sanitizer)document.forms
(https://developer.mozilla.org/en-US/docs/Web/API/Document/forms)Mon point de vue n'a qu'un seul formulaire, j'ai donc utilisé
document.forms[0]
mais si vous avez plusieurs ou peut prolonger votre point de vue dans l'avenir à de multiples formes, découvrez le MDN référence.Ce que nous faisons ici, c'est la création d'une forme cachée d'entrée que nous avons affecter le contenu de la Plume Div, puis nous bootleg de la soumettre le formulaire et de le transmettre par le biais de notre fonction pour finir.
Maintenant, pour le tester, faire un post avec
<script>alert()</script>
en elle, et vous n'aurez pas à vous soucier de l'injection exploits.C'est tout là est à lui.
plume-rendu ressemble, c'est ce que vous voulez. À partir de la documentation:
Si vous voulez rendre plume à l'aide de nodejs, il y a un paquet assez simple basé sur jsdom, utile pour rendre arrière (un seul fichier & dernière mise à jour le 18 jours à partir de maintenant) rendre plume delta de la chaîne html sur le serveur
Essayer
J'ai mis en place un nœud package pour convertir le code html ou texte brut et d'une Plume d'oie Delta.
Mon équipe a utilisé pour la mise à jour de notre modèle de données pour inclure à la fois la Plume du Delta et HTML. Cela nous permet de nous rendre sur le client sans une instance de Plume.
Voir nœud-quill-convertisseur.
Il propose les fonctions suivantes:
- convertTextToDelta
- convertHtmlToDelta
- convertDeltaToHtml
Derrière les coulisses, il utilise une instance de JSDOM. Cela peut rendre le mieux adapté pour les scripts de migration de la performance n'a pas été testé dans une application classique de demande de cycle de vie.
Pour un jQuery-style solution qui vous permet d'obtenir et de réglage de la Plume de la valeur que je fais le suivant: