Отображение содержимого TinyMCE в React

Question

Согласно заголовку, я пытаюсь отобразить содержимое Wysiwyg из редактора в другой компонент.

Здесь я создал образец на codeandbox: https://codesandbox.io/s/boring-tharp-zwflu

Как видите, редактор работает нормально и возвращает значения, как должно.

Моя проблема в том, что я не могу преобразовать полученную строку в теги JSX .

Я провел глубокий поиск, но не нашел ничего похожего.

Заранее спасибо за ваше время и помощь!

Answer 1

Вы должны установить npm i react-html-parser импортировать его в свой компонент import ReactHtmlParser from "react-html-parser";"; и отобразить

<div className="wysiwyg">
{ReactHtmlParser(wysiwyg)}
</div>

Answer 2

Я действительно нашел решение в конце, извините за то, что я его еще не обновил!

Вот ответ, который я получил от TinyMCE для этой проблемы: https://github.com/tinymce/tinymce-react/issues/138

Итак, вы должны использовать непосредственно синтаксический анализатор, в этом случае response- html -parser выполнит задание.

Я создал еще один кодовый ящик, чтобы вы могли напрямую посмотреть на рабочую копию: https://codesandbox.io/s/crazy-greider-dl2mv

Надеюсь на помощь!