我可以将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'];
}