Написать JS плагин для Froala editor или TinyMCE

Необходимо написать Javascript/jquery плагин для одной из двух визуальных редакторов (TinyMCE, Froala), который позволял бы после вставки изображений внутрь текстового поля объединять их в thumbnails галерею. 

Каждый раз когда в поле появляется новое изображение и количество изображений подряд от 5 и более, нужно объединять в группу визуально в виде блока карусели. 

Нужно при этом иметь возможность перетаскивать изображения из одной группы в другую и между собой, перетаскивать сам блок галереи по полю редактора в любое место, а также по клику на изображение задавать аттрибуты (alt, img, title, src) и удалять сами изображения. 

Основной момент в том что все такие изображения обернуты в <p и <a теги, которые при сохранении публикации должны такими и остаться и могут меняться только в рамках редактора.

Исходный код содержимого редактора указан во вложениях.

Принцип работы:

Если в редакторе находится подряд два и более изображений - они должны быть объединены в галерею как показано на примере. При открытии исходного кода содержимого редактора - должен отображаться обычный код который был до этого показан в примере. То есть все изменения для визуального отображения должны быть только формальными и при сохранении формы или при открытии исходного кода должен отобразиться оригинальный html без оберток галереи. Как только закрыли показ исходного кода редактора, скрипт тут же должен будет адаптироваться и показать галерею перепарсив наново html код. 

Важно чтобы можно было вручную к примеру добавить в исходный код изображения (с оберткой в p и a теги) и после закрытия этого окна визуально это все выглядело как галерея. При вставке нового изображения через кнопку вставки, изображения также должны перестроиться.

Более детально при обсуждении с исполнителем имеющим опыт в создании плагинов для js редакторов.