我试图让 CKEDITOR 中的 WYSYWG View 以与最终呈现的 HTML 中相同的格式显示。
我目前通过在加载 CKEditor 时指定 contentsCss 属性来应用正确的 CSS。
这对于某些格式来说效果很好,但是很多 css 格式应用于将围绕最终呈现页面中编辑的 HTML 的元素 - 因此 WYSYWG View 与最终呈现的 View 不一致。
我希望能够在运行时指定 HTML 代码,它将可编辑的 HTML 内容包装在 CKEditor WYSYWG View 中——但不要让它成为可编辑代码的一部分,或在 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 取决于正在编辑的元素的上下文。
谁能指出我正确的方向?
谢谢。
最佳答案
最后我发现,到目前为止,解决这个问题最简单的方法是使用 CKEditor 内联而不是独立使用...这确实需要对核心应用程序进行大量更改,因此可能并不适合所有情况 - 但在结束它确实意味着编辑器是真正的所见即所得。
关于javascript - 用附加的(不可编辑的)HTML 包装 CKEditor WYSYWG 内容以应用元素特定格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2759468/