1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Есть решение: Image resize filter - изменение размеров картинки мышкой в CKEditor в webkit-браузерах

Главные вкладки

Аватар пользователя Гарик Гарик 1 марта 2013 в 12:50

Шалом, земляне!

Есть такая проблема: модуль Image resize filter предполагает возможность "Уменьшить картинку в редакторе (потаскав за края) до нужных нам размеров и все". Но в webkit-браузерах эта фича не работает.

В CKEditor for WYSIWYG Module эту ошибку исправили (только он пока красный dev). А для чистого CKEditor есть плагин здесь: https://github.com/sstur/ck-webkitdrag.

Только я не нашел описание куда его ставить.

Состав зипа:

    ck-webkitdrag-master
  • plugins
    • webkitdrag
      • _source.css
      • plugin.js
  • .gitignore
  • LICENSE
  • package.json
  • readme.md

Методом тыка я установил только подпапку /www/sites/all/modules/ckeditor/plugins/webkitdrag. Вроде заработало (смотрел в Хроме).

Меня как непрограммиста интересует, а зачем остальные файлы? LICENSE и readme.md - понятно, что обычно можно без них. А что такое .gitignore и package.json?

Их содержание, как я понял, тоже ни о чем:

.gitignore

.idea/
_source/
*/node_modules/
*/.DS_Store

package.json

{
  "name": "ck-webkitdrag",
  "description": "CKEditor dragable image resizing for Webkit",
  "author": "Simon Sturmer (https://github.com/sstur)",
  "contributors": ["Simon Sturmer (https://github.com/sstur)", "Nathan Haug (https://github.com/quicksketch)"],
  "version": "0.2.0",
  "homepage": "https://github.com/sstur/ck-webkitdrag",
  "bugs": "https://github.com/sstur/ck-webkitdrag/issues",
  "licenses": [{
    "type": "MIT",
    "url": "https://raw.github.com/sstur/ck-webkitdrag/master/LICENSE"
  }],
  "repository": {
    "type": "git",
    "url": "git://github.com/sstur/ck-webkitdrag.git"
  }
}

Всё правильно?

Комментарии

Аватар пользователя petrovnn petrovnn 4 июня 2013 в 12:44

Для работы плагина нужен всего один файл: plugin.js

Лежит он у меня в папке /sites/all/modules/ckeditor/plugins/webkitdrag

И работает отлично. Конечно чтобы его включить нужно отредактировать профиль CKeditor.

Но все это понятно. Меня беспокоит другое.
Данный плагин не работает из папки libraries, что очень плохо. Это значит что при обновлении модуля CKeditor этот плагин затрется и его нужно будет копировать заново Sad

Это конечно грустно, но решения я пока не нашел.
И кстати это не единственный плагин который работает только из папки самого модуля

Аватар пользователя Andruxa Andruxa 4 июня 2013 в 15:11

можно поступить как в https://drupal.org/project/ckeditor_syntaxhighlighter
модуль подключает плагин к ckedittor, не требуется вносить изменения в чужой код

по-хорошему, сделать бы один такой модуль, который парсит libraries/ckedittor/plugins на предмет дополнительных плагинов и дает возможность их подключать в админке

но для 1-2 плагинов и так сойдёт

Аватар пользователя petrovnn petrovnn 6 июня 2013 в 9:17

честно говоря я не знаю что делать. Я не очень хорошо знаю CKeditor, и его код для меня сложноват. Для меня лучшим вариантом было-бы запихивать плагины в папку libraries. Потому что сама библиотека обновляется реже Drupal-модуля. А галочки в админке мне совсем не нужны - если из libraries все мои доп плагины подключатся автоматом и без галочек - меня это устроит. Возможно это можно как-то решить конфигом CKeditor который лежит в библиотеке в папке libraries/ckeditor?

я с конфигами колдовал, но ничего толком не вышло.

Интересно, что данный плагин http://ckeditor.com/addon/tableresize
отлично запускается из папки libraries, а вот ck-webkitdrag только из папки модуля Sad
Не понял с чем это связано...

вот это не помогло:

config.extraPlugins = 'webkitdrag';

http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.extr...

нужно все-таки добиться подключения плагинов без залезания в папку модуля, и без редактирования файлов самого модуля