CKEditor 插件在所见即所得和源模式下呈现不同
我开始为 CKEditor 开发一个插件，需要用来插入一些 HTML 网页中的片段。这样就完成了。尽管如此，当切换到WYSIWYG模式时，我还需要包含一些特殊的项目（例如，与Show Blocks插件或多或少相似的东西，但不仅仅是使用样式，因为我需要一些元素包含在其中）。所以我的问题是：
如何在 WYSIWYG 视图中包含额外的项目或样式（例如，在 WYSIWYG 模式下隐藏部分内容）而不更改 HTML 输出？
如果有人可以提供一些有关工作（可能很简单）示例的信息，我也将感谢您的帮助。
PS：如果您需要了解更多详细信息，请询问，但例如假设插入的原始 HTML 代码是
<div class="xxx">Hello world !</div>
...但在 WYSIWYG 模式下需要在它会弹出警报并切换虚线边框。
I'm starting to develop a plugin for CKEditor that needs to be used to insert some HTML snippets in a web page. This is done. Nonetheless I also need to include some special items when switching to WYSIWYG mode (e.g. something more or less similar to Show Blocks plugin, but not just using styles since I need some elements included in there). So my question is :
How could I include extra items or styles (e.g. to hide parts of the contents in WYSIWYG mode) in WYSIWYG view without altering HTML output ?
If someone could provide some information about a working (maybe simple) example, I'd also appreciate your help.
PS: If you need to know further details please ask, but for instance assume inserted raw HTML code is
<div class="xxx">Hello world !</div>
... but in WYSIWYG mode need to display a link on top of it that pops up an alert and toggles dotted border.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
关于以 WYSIWYG 模式注入 CSS 类，请使用 addCss 函数。
关于在 WYSIWYG 模式下创建假元素......我想我可以使用上下文菜单来解决问题。
About injecting CSS classes in WYSIWYG mode, use addCss function.
About creating fake elements in WYSIWYG mode ... I think I can solve the problem using context menu instead.