reactjs 如何呈现文本编辑器生成的数据

zed5wv10  于 2023-03-17  发布在  React
关注(0)|答案(1)|浏览(135)

我正在使用this(微型)文本编辑器在网络平台。能够集成基本的编辑器也x1c 0d1x现在我面临的问题是如何呈现输出html数据(这是在字符串格式)像这样

因此字符串格式输出数据如下所示:

请帮助我在一个单独的块中呈现这个字符串格式的数据。
整个想法是这样的,我需要一个富文本编辑器,如stackoverflow/medium,并希望在一个单独的位置呈现数据。我对所有这些有点困惑,请帮助我或建议一个更好的方法来处理这一点。

igetnqfo

igetnqfo1#

从TinyMCE编辑器获取内容并将其设置在新块中有几个选项。
一种方法是获取包含您想要在TinyMCE中设置的字符串内容的变量,然后使用insert content API方法在编辑器中设置它:

tinymce.activeEditor.insertContent(<your-string-in-var>);

如果需要,也可以先使用execCommand API在编辑器中设置块:

tinymce.activeEditor.execCommand('InsertHTML', false, '<div></div>');
tinymce.activeEditor.insertContent(<your-string-in-var>);

如果你想获取内容并把它放在页面的某个地方,就像你提到的stackoverflow和medium一样,你可以运行getContent API,这里是a guide on getting content from the editor

相关问题