javascript - 如何使 div 在 TinyMCE 中表现得像 img

Question

我编写了一个插件，可将弹出式灯箱中的照片/视频插入 TinyMCE。当对齐/包装时，这工作得很好并且格式化得很好。当它像下面这样插入到 HTML 中时:

<img src="blah.png" />

但从那时起我添加了一个允许字幕的功能，它使用包装 div，例如:

<div class="ImageWrapper" width="x" height="x">
  <img src="blah.png" />
  Caption here
</div>

现在有几个问题我无法解决。

首先:如何允许 TinyMCE 像使用 img 一样格式化/对齐 div？

其次:如何防止用户选择 div 的任何内容？相反，点击应该突出显示整个 div，以便格式化和删除工作更加顺利。

Answer 1

问题是使用 <div>作为包装器，TinyMCE 显然不支持它。你必须走得更远，而不是摆弄一些 CSS。 TinyMCE 是一个流行的编辑器，人们已经尝试并提出了一个合适的解决方案。这是写插件的人:http://www.tinymce.com/forum/viewtopic.php?id=20319
如果您在谷歌上搜索“tinymce div 插件”，可以找到更多信息:http://www.google.com/#q=tinymce+div+plugin

我不知道什么最适合您的情况，所以我想您必须尝试提供的一些解决方案 (plpugins)。