html - 在没有编辑器的情况下渲染 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 , 占 margin的 body您的网页。