Как заставить div вести себя как img в TinyMCE

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 естественным образом. Вы должны пойти дальше, чем ерзать с некоторыми CSS. TinyMCE, будучи популярным редактором, люди уже попробовали и нашли правильное решение. Вот кто-то, кто написал плагин: http://www.tinymce.com/forum/viewtopic.php?id=20319
И еще много информации можно найти, если вы воспользуетесь Google для «плагина tinymce div»: http://www.google.com/#q=tinymce+div+plugin

Я не знаю, что лучше всего подойдет в вашей ситуации, поэтому я думаю, вам стоит попробовать некоторые из предложенных решений (plpugins).