我注意到大多数 TinyMCE 插件都给占位符提供了一个简单的图像,也许还有一些编辑按钮弹出功能。以 Wordpress 图库和图像编辑功能为例 - 带有编辑/删除按钮的简单图像。甚至 NextGen 2(至少在几个版本之前)也将 Nextgen 画廊幻灯片占位符作为一个简单的图像,而不是旋转图像。
我最近试图在编辑器中制作一些更动态的内容。插入 jQuery,然后导入在占位符中运行特定行为的 jQuery 插件是一个挑战。在启用 TinyMCE-noneditable 插件后,修复 no-drag-into-noneditable-placeholder 错误也具有挑战性。
即使在那之后,当将其他文本中的 div 拖放到编辑器的另一部分时,具有特殊内容(不可编辑占位符)的 div 也可能会丢失其元素。
这样的事情是大多数 TinyMCE 插件制作风格图像的原因吗?TinyMCE 和contenteditable通常与在其编辑器中运行的 jQuery 插件本身不兼容吗?在内容可编辑区域而不是静态图像文件中是否有任何成功的实时预览功能示例?
更新
看起来这甚至不是 TinyMCE 问题 - 正如您在此演示页面上看到的那样,当您将contenteditable="true"
属性添加到id="main"
元素时,然后选择一些文本,包括旋转横幅,剪切并粘贴到另一部分,它不仅会停止幻灯片(如您所料),它还删除了几个 img 元素。有没有办法阻止这个故障?