如何使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格式化/對齊div，就像使用img一樣？

其次：如何阻止用戶選擇div的任何內容？ 而是單擊應突出顯示整個div，以便格式化和刪除工作更加順利。

Answer 1

問題是使用<div>作為包裝器，這顯然不是TinyMCE自然支持的。 你必須走得更遠，而不是坐立不安。 TinyMCE是一個受歡迎的編輯器，人們已經嘗試並提出了一個合適的解決方案。 這是一個寫了一個插件的人： http ：//www.tinymce.com/forum/viewtopic.php？ id = 20319
如果你谷歌搜索'tinymce div插件'，還有很多信息可以找到： http ： //www.google.com/#q=tinymce+div+plugin

我不知道在你的情況下哪種方法最有效，所以我想你必須嘗試一些提供的解決方案（plpugins）。