在没有编辑器的情况下渲染 ckeditor html

Question

我有一个用于编辑 html 内容的 CKEditor 控件，然后保存它。完成编辑后，ckeditor 被隐藏，html 呈现在 div 中。根据用户是否可以编辑 html，ckeditor 是否可用。

所以，问题是，我的网页的 css 应用于呈现的 html。我希望 div 中的 html 与使用 ckeditor 编辑时的样式相同。并非相反（我不想将自己的风格应用到 ckeditor）。

有人可以帮我吗？

编辑： 唯一看起来可以工作的东西是that

Answer 1

在 CKEditor 文件夹中，您会找到 contents.css。你可以用它来拥有和CKEditor一样的风格。

1. 在您的网页中加载contents.css。
2. 在外面创建一个包装<div> CKEditor html 数据并给它一个.cke_editable 的类以使用 contents.css的CSS规则。
3. 确保不要覆盖任何 CSS 规则 的contents.css。

编辑：另一种解决方案是：

1. 复制一份contents.css，以便单独使用。
2. 将所有body 规则移至.cke_editable 规则（将它们置于现有.cke_editable 规则之上）并删除body 部分。
3. 在所有其他规则前加上.cke_editable，以便只处理内容，所以blockquote变成.cke_editable blockquote。
4. 将.cke_editable 的边距设置从20px 调整为10px，以说明您网页的body 的margin。