带有动态内容的HTML5 ContentEditable?

时间:2013-11-09 03:18:08

标签: javascript html5 dom contenteditable wordpress-3.5

我注意到大多数TinyMCE插件都为占位符提供了一个简单的图像,也许还有一些编辑按钮弹出功能。以Wordpress图库和图像编辑功能为例 - 带有编辑/删除按钮的简单图像。甚至NextGen 2(至少在几个版本之前)将Nextgen-gallery幻灯片占位符作为一个简单的图像,而不是旋转图像。

我最近试图在编辑器中制作更多动态内容。插入jQuery是一个挑战,然后导入在占位符中运行某些行为的jQuery插件。在启用TinyMCE不可编辑插件后,修复无拖拽到非编辑占位符错误也很有挑战性。

即使在那之后,存在一个问题,即当具有特殊内容的div(不可编辑的占位符)在其他文本中拖放到编辑器的另一部分时会丢失其元素。

这样的事情是大多数TinyMCE插件制作样式图像的原因吗? TinyMCE和contenteditable通常与其编辑器中运行的jQuery插件本身不兼容吗?在content-editable areas中是否有成功的实时预览功能的示例,而不是静态图像文件?

更新

看起来这甚至不是TinyMCE问题 - 正如您在this demo page上看到的那样,当您将contenteditable="true"元素添加到id="main"元素时,然后选择一些文本,包括旋转的横幅,剪切和粘贴到另一个部分,它不仅停止幻灯片放映(如您所料),它还删除了几个img元素。有没有办法阻止这个小故障?

0 个答案:

没有答案