Преобразование String в HTML в React, редакторе форматированного текста

Question

Я использую React-Quill, чтобы добавить текстовый редактор в свое приложение.

иметь следующее хранилище строк в моей БД:

const text = '<p>Hello<strong> World</strong></p><p><strong>Next Line</strong></p>';

text const в компоненте REACT, но с «стилизацией», которую дает ему HTML.

Hello World

Next Line

Как это сделать? или другой редактор форматированного текста для этого?

Answer 1

Ага react-quill - это способ работы с React. У меня также была небольшая демонстрация, чтобы продемонстрировать, как это работает (нам, возможно, придется поместить несколько файлов css, чтобы он выглядел хорошо): https://codesandbox.io/s/hardcore-hill-mdxji?file= / src / App. js

Answer 2

react-quill поддерживает HTML строк из коробки, поэтому ничего не остается, кроме как установить свойство value компонента строкой, полученной из базы данных.

<ReactQuill value={text} ... />