javascript - 我可以将 CKEditor 的编辑块包装在几个标签中以模仿上下文吗？

Question

我需要将编辑块包装在一些 div 中以模仿上下文，因此预览会使用相应的 CSS 样式表进行渲染。

我希望 CKEditor 在里面渲染 HTML

<div class="page">
 <div class="sidebar">
  <div class="header">
   <!-- ckeditor edited HTML here -->
  </div>
 </div>
<div>

因此，例如，H1 看起来就像是在现场渲染的。

我能做到这一点吗？

Answer 1

您可以在 config.js 文件中向编辑器添加额外的样式。

CKEDITOR.editorConfig = function (config) {
   config.contentsCss = ['/Content/Style/site.css', '/Content/Style/bootstrap/bootstrap.css'];
}