J'utilise React-Quill pour ajouter un éditeur de texte riche à mon application.
avoir le prochain magasin de cordes dans mon dB: maintenant je veux " Render "Le texte Const dans un composant réactif, mais avec la" styuling "que html lui donne. bonjour Line suivante Comment puis-je le faire? ou un autre éditeur de texte riche pour atteindre cela?
3 Réponses :
React-Quill prend en charge les chaînes HTML hors de la boîte, il n'y a donc rien à faire, sauf définir la propriété de la valeur du composant avec la chaîne que vous recevez de la base de données.
Yeah React-Quill est la voie à suivre pour travailler avec réaction. J'ai aussi eu une petite démo de démontrer comment cela fonctionne (nous devrions devoir mettre des fichiers CSS pour le rendre bien): https://codesandbox.io/s/hardcore-hill-mdxji?file=/src/app.js
Vous pouvez utiliser dangereuxsetinnerhtml
Source: https://reactjs.org/ DOCS / DOM-ELEMENT.HTML # DANGERYLYSITINNERHTML P>
const text = '<p>Hello<strong> World</strong></p><p><strong>Next Line</strong></p>';
<div dangerouslySetInnerHTML={{__html:text}} />
Dupliqué possible de Ce . Aussi, check Ce