Question

我试图让CKEDITOR显示中的WYSYWG视图与最终呈现的HTML中的格式相同。

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

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

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

例如，目前围绕可编辑内容的HTML代码为：

<body spellcheck="false" class="cke_show_borders">
  [Editable Content]
</body>

在某个特定实例中，我希望它像这样呈现：

<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>

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

有人能指出我正确的方向吗？

感谢。

Answer 1

最后我发现到目前为止这个问题的最简单的解决方案是使用CKEditor内联而不是独立...这确实需要对核心应用程序进行大量更改，因此可能不适合所有情况 - 但在结束它确实意味着编辑器是真正的WYSIWYG。

Answer 2

我认为您需要查看ProtectedSource.Add方法：http://docs.cksource.com/FCKeditor_2.x/Developers_Guide/Configuration/Configuration_Options/ProtectedSource.Add

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

2 个答案: