在没有编辑器的情况下渲染 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 数据并给它一个 class of .cke_editable 来使用 CSS 规则 contents.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网页。