React中如何展示CKEditor的富文本数据（含视频、图片）

• 先确认后端存储的是CKEditor生成的完整HTML结构，别把<ol>、<ul>、<li>这类列表标签过滤掉。如果后端有做内容清洗逻辑，要把这些标签加入允许通过的名单。
• 在React组件里直接用dangerouslySetInnerHTML渲染完整的HTML字符串就行，不用只提取<p>标签里的内容。比如你从后端拿到的文章描述字段是post.content，组件里这么写：

<div dangerouslySetInnerHTML={{ __html: post.content }} />

• 注意安全：因为dangerouslySetInnerHTML会直接解析HTML，要确保只有可信人员（比如管理员）能编辑内容，或者后端提前做了XSS防护，避免恶意代码注入。

内容的提问来源于stack exchange，提问作者Omer Shahzad