Как преобразовать текст html в html сущности в react.js?

@karen.wisozk 

В React.js можно воспользоваться специальным модулем "html-entities" для преобразования текста HTML в HTML-сущности.

1. Установить модуль "html-entities" с помощью npm командой npm install html-entities --save
2. Импортировать модуль в компонент: import { Html5Entities } from 'html-entities';
3. Использовать метод encode() модуля для преобразования HTML текста в HTML-сущности:

1
2
3
4

const htmlText = "Привет, мир!";
const entities = new Html5Entities();
const encodedText = entities.encode(htmlText);
console.log(encodedText); // <div>Привет, мир!</div>

1. Для вывода преобразованного текста на странице, можно использовать тег с атрибутом dangerouslySetInnerHTML и передать в него значение переменной, содержащей HTML-сущности:

1
2
3
4
5

const htmlText = "Привет, мир!";
const entities = new Html5Entities();
const encodedText = entities.encode(htmlText);

return ;

После выполнения этих шагов, HTML текст будет преобразован в HTML-сущности и безопасно отображен на странице.