Показать сообщение отдельно
  #2 (permalink)  
Старый 10.12.2015, 16:24
Аватар для Kos
Kos Kos вне форума
Аспирант
Отправить личное сообщение для Kos Посмотреть профиль Найти все сообщения от Kos
 
Регистрация: 01.09.2008
Сообщений: 79

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

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

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

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