CKEditor插件在WYSIWYG和源模式下呈现不同

Question

我开始为CKEditor开发一个插件，需要用来在网页中插入一些 HTML 代码段。这个完成了。尽管如此，我还需要在切换到 WYSIWYG 模式时包含一些特殊项目（例如，或多或少类似于 Show Blocks 插件，但不仅仅是使用样式，因为我需要一些元素包括在那里）。所以我的问题是：

如何在不改变 HTML 输出的情况下，在 WYSIWYG 视图中包含额外的项目或样式（例如，以WYSIWYG模式隐藏部分内容）？

如果有人可以提供有关工作（可能是简单）示例的一些信息，我也非常感谢您的帮助。

PS：如果您需要了解更多详细信息，请询问，但例如假设插入原始 HTML 代码

<div class="xxx">Hello world !</div>

...但是在 WYSIWYG 模式下，需要在其上方显示一个链接，弹出警报并切换虚线边框。

Answer 1

关于在 WYSIWYG 模式下注入 CSS 类，请使用addCss函数。

关于在 WYSIWYG 模式中创建假元素......我想我可以使用上下文菜单来解决问题。