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

Question

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

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

有人可以帮助我吗？

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

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。