小编Dan*_*nce的帖子

使用其他(不可编辑的)HTML包装CKEditor WYSYWG内容以应用元素特定的格式

我试图在CKEDITOR显示中使用与最终呈现的HTML中相同的格式的WYSYWG视图.

我目前正在通过在加载CKEditor时指定contentsCss属性来应用正确的CSS.

这适用于某些格式化,但是很多css格式应用于将在最终渲染页面中围绕已编辑HTML的元素 - 因此WYSYWG视图与最终渲染视图不一致.

我希望能够在运行时指定HTML代码,它将在CKEditor WYSYWG视图中包装可编辑的HTML内容 - 但不能将其作为可编辑代码的一部分,或在HTML代码中呈现.

例如,目前围绕可编辑内容的HTML代码是:

<body spellcheck="false" class="cke_show_borders">
  [Editable Content]
</body>
Run Code Online (Sandbox Code Playgroud)

在一个特定的实例中,我希望它像这样呈现:

<body spellcheck="false" class="cke_show_borders"><div id="container_everything"><div id="content_container"><div class="introduction_container"><div class="introduction_text">
  [Editable Content]
</div></div></div></div></body>
Run Code Online (Sandbox Code Playgroud)

我需要能够在运行时指定不同的前缀和后缀代码块,因为特定的HTML取决于正在编辑的元素的上下文.

谁能指出我正确的方向?

谢谢.

html javascript css ckeditor

6
推荐指数
1
解决办法
1593
查看次数

标签 统计

ckeditor ×1

css ×1

html ×1

javascript ×1