无需编辑器渲染ckeditor html

Question

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

所以，问题是，我的网页的CSS被应用于渲染的html。当我用ckeditor编辑它时，我希望我的div中的html具有相同的风格。并非相反（我不想将自己的风格应用于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，以便说明您网页margin的{​​{1}}。