dropzone.js+TinyMCE

[Gamlet777]

Я увидел на сайте статью про добавление скрипта дропзон и скриншот и захотел себе точно тоже на сайт .Правда я хочу чуть менее обрезаную версию без проверки размера изоражние хтмл редактора и тд.Мне надо чтобы просто при нажатии на картинку из дропбокса она появлялась в tinymce ПРАВИЛЬНОГО РАЗМЕРА(т.е. того размера которого она загружалась) насколько я понял чтобы такое добавить нужно добавить строку

tinymce.activeEditor.execCommand('mceInsertContent', false, img);

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

<img data-dz-thumbnail  onclick="tinymce.activeEditor.execCommand(\'mceInsertContent\', false, \'<img  alt=&quot;\'+this.getAttribute(&quot;alt&quot;)+\'&quot;  src=&quot;\'+this.getAttribute(&quot;src&quot;)+\'&quot; />\'); return false;" basic="imgh"  />

Оно добавляет изображение в Tinymce НО оно добавляет изображение размером которое задано в

thumbnailWidth: 120,
thumbnailHeight: 120,

при изменении размера уже в редакторе оно искажается я скорее всего сделал что-то не правильно и прошу вас исправить либо подсказать как надо сделать мб я вообще не правильно понял работу дропзоны вот пример
Вот dropzone.js т.к. он очень большой я не стал его добавлять в теги JS

[Kos]

Привет. Dropzone.js я использовал исключительно для загрузки изображений, и ни для чего больше. Этот плагин может быть заменен любым подобным, но я уже описывал в статье почему остановил выбор именно на нем. В моем проекте Dropzone.js предстает в виде кнопки (это видно на скринах), однако когда пользователь начинает переносить изображения ручками - кнопка, благодаря переключению стилей, меняется на панельку, для сброса изображений, по примеру Google.Картинок. Тут надо отметить, что Dropzone.js, да и многие другие плагины не отлавливают события глобального Drag & Drop, поэтому придется немного поколдовать самому.

Тебе нужна некая отдельная от Dropzone.js панель, на которой ты будешь выводить все загруженные картинки, подтягивать которые ты можешь к примеру из базы, или из другого хранилища. Собственно механизмы вставки изображения в TinyMCE и загрузка их на сервер с помощью Dropzone.js никак не пересекаются. Нужен метод для запроса списка изображений от сервера, с помощью которого ты будешь заполнять эту панель, так же, после каждой загрузки изображения через Dropzone.js ты тоже будешь добавлять его на эту самую панель. Все необходимые параметры, включая размеры, передаешь от сервера.

И не пиши обработчик прямо в атрибуте "onclick" - максимум там можно сослаться на функцию, но лучше просто пропиши определенный css-класс, по которому ты сможешь делегировать событие.

И еще совет: для связи html-элементов с js-обработчиками не используй css-классы, которые применяются для оформления элементов, это должны быть классы-пустышки, используемые только для js, и выработай себе правило использовать определенный префикс для всех таких классов - это тебе очень поможет.