Плагин загрузки картинок для TinyMCE

    Несколько дней назад я писал о выходе новой версии своего плагина для TinyMCE, многие уже успели его потестировать, за что им огромное спасибо, все критические баги были исправлены.


    В отличае от аналогов, интерфейс плагина довольно приятен:

    image

    Есть 2 режима загрузки: обычный и с использованием Flash

    image

    Список основных возможностей


    • Загрузка до 5 файлов одновременно, без использования Flash Player
    • Мультизагрузка с использованием Flash Player
    • Удобная навигация по папкам, создание/удаление папок
    • Вывод информации о файле (в нижнюю панель)
    • Смена имени файла
    • Суммарная информация о выбранных файлах
    • Автоматическая вставка ссылки на исходное изображение (если оно больше максимально допустимого)


    И, конечно, самое интересное — демо.
    Посмотреть информацию об используемых библиотеках и скриптах, а так же скачать плагин можно на странице проекта.
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее
    Реклама

    Комментарии 67

      –2
      Супер!
      Только странно что в демке можно удалять рисунки, я там для теста пол первой папки очистил =(
        +2
        Да без проблем, как закачали так и удалили :)
          0
          Автор, не могли бы вы выложить сборку редактора что стоит в демо?
          Именно в такой компановке.
            0
            Планируется ли создание аналога ХАБРАКАТА только чтобы при нажатии на кнопку в верхнем меню не HTML-тег сразу вставлялся, а появлялась линия отделяющая часть текста который должен попасть в превью поста)?
            Такая функциональнось по-моему будет очень востребована на сайтах где аудитория не очень дружит с HTML.
              +1
              Вы не поняли. Человек сделал плагин для управления изображениями, причем здесь хабракат и html?
                0
                Извините. Действительно не понял. Дело в том, что давно ищу хорошую реализацию КАТА с дружественным интерфейсом. Может это где-то уже обсуждалось на Хабре? За ссылочку буду благодарен.
                  +1
                  в тинимсе есть такой стандартный элемент уже встроенный.
                    0
                    в тинимсе такой стандартный элемент продается за деньги
          –3
          Выглядит интересно, но, к сожалению, пока что страдает одним недостатком, которым страдают практически все аналоги — привязанность к PHP. Хотя, судя по исходникам, есть задел на другие коннекторы. :) Хотелось бы иметь возможность указывать произвольные URL для серверных частей через стандартный механизм настроек, а так же описание протокола, по которому JS-часть работает с сервером, чтобы его можно было заюзать везде.

          Вообще, было бы здорово, если бы кто-то написал файло-картинковый менеджер для TinyMCE, не привязанный ни к какой серверной платформе вообще. А если автор, например, использует PHP, то он бы мог выпустить коннектор как отдельный пакет. Это же очевидно :)
            –1
            Присоединяюсь. Нужен такой же плагин для django.
              0
              Капитан Очевидность напоминает, что для Django есть вот такое — code.google.com/p/django-filebrowser/

              Всё-таки более интересно универсальное решение, не завязанное ни на какую серверную платформу…
                –2
                А как такое возможно? Где хранить картинки?
                  0
                  Перечитайте мой оригинальный коммент ;)
                  +1
                  Спасибо. Но я тоже за универсальное решение)
                0
                Так ведь есть FCKeditor, файлменеджер которого может работать с PHP, Perl и Python. Да и, по моему субъективному мнению, генерирует значительно более чистый HTML.
                • НЛО прилетело и опубликовало эту надпись здесь
                +1
                Как раз сейчас делаем кое что подобное…
                Правда, специфика нашего проекта не позволит иметь галерею картинок. Попробую сегодня разобраться с вашим кодом и отключить ее и оставить лишь загрузку =) Если получится — выложим свою версию!)
                Спасибо!
                  +1
                  автору огромное спасибо. Использую ваш плагин в своих проектах сейчас буду ставить новую версию. Радует возможность загрузки без Flash, а то предыдущая версия отказалась нормально работать с выходом нового плеера
                    0
                    Это было связано с Flash Player 10, сейчас добавлена совместимость и с ним.
                    0
                    нигде не нашел инструкцию — как его установить
                      0
                      Это beta версия, к релизу обязательно будет инструкция.
                        0
                        отличный ответ :)
                        я не прошу инструкции с картинками.
                        напишите, пожалуйста, в двух словах здесь, в комметнарии к моему вопросу — этого будет достаточно.
                          0
                          Скопируйте папку images в папку с плагинами, откройте connector/php/index.php там настройте define'ы как нужно, затем отредактируйте yoursessioncheck.php.
                            0
                            спасибо
                        0
                        По аналогии с обынчми плагами для TinyMCE ставится.
                        Есть 2 замечания о поводу безопасности (наличие в сессии переменной user) и наличия папок, в которые надо всё заливать, но фиксится и настраивается буквально за минуту.
                          0
                          да, спасибо, разобрался.
                          пришлось правда помучиться с нотисами, но в итоге вроде нормально работает
                        0
                        Сделайте так, что бы при изменении размеров окна интерфейс изменял свои размеры, а то как-то странно, увеличить размер окна можно, а воспользоваться этим — нет.
                          0
                          Разработчики TinyMCE убрали из последних версий возможность отключения ресайза окна, поэтому увеличить размер окна можно.
                          0
                          интерфейс особенно интересный с точки зрения реализации
                            0
                            В десятой опере не работает или это у меня какие-то глюки?

                            И хм… В системах, отличных от Vista/7 интерфейс смотрится весьма инородно.
                              +3
                              Все работает, просто мы тут навалились тестить всей толпой — вот оно и призадумалось…

                              А стиль, имхо просто красивый. Он и на никсах и на маках остается красивым :)
                                0
                                Это, конечно, всё хорошо, только я бы предпочёл единый стиль как для окошек, так и для самого редактора. У редактора очень приятный, простой стиль, окошки же выглядят «немного не отсюда». В смысле, единого стиля нет.

                                Скажите, а внешний вид там жёстко вшит, или его легко сменить?
                                  0
                                  Обыкновенная html страница, css, картинки, вобщем оформление не так сложно сменить.
                                  0
                                  Хм… Кажется хабраэффект уже давно прошёл, а оно всё не работает…
                                    0
                                    Зашел. Поклацал. Позаливал. Работает. Опера 10 Турбо.
                                      0
                                      Хм… Пробовал отключить резак рекламы. Помогло. Понять на какое именно правило реагирует — не получилось.
                                0
                                При добавлении новой папки неадекватное поведение интерфейса. Конкретно — поле ввода не пропадает, при повторном нажатии Enter, сообщение, что такая папка есть, перейти на созданную папку не получается. в общем багов много еще :)
                                  +3
                                  Там сейчас большинство багов из-за неслабого такого хабраэффекта =)
                                  +1
                                  Потрясающий плагин. Особенно радует схожесть интерфейса со стандартным проводником Vista. Для людей, которые часто пользуются WYSIWYG-редакторами (в частности, замечательным TinyMCE), плагин будет просто незаменим, ибо менеджер изображений и файлов от MCE стоит хороших денег.
                                  До этого пользовался модернизированным FCK file manager, пилил, добавил возможность предпросмотра, удаления и т.д., но этот плагин во много раз лучше.
                                      0
                                      В сабже есть вариант мультизагрузки без флеша.
                                        0
                                        Мдя… просмотрел…
                                      0
                                      не скачивал, но поинтересуюсь — можно ли загружать не изображения, а любые виды файлов? это настраивается?
                                        0
                                        фильтр стоит, это в загрузчике, а сам плагин, насколько знаю, нет, т.к. его задача — залить изображение, сделать превьюшку и вставить в текст. Но правкой нескольких строк можно сделать и заливку именно всех файлов. Вот только будут проблемы со вставкой их в текст и отсутствием превьюшек как таковых для них.
                                          0
                                          ну, это не проблема — для неизображений можно в ссылку просто вставлять название файла.
                                          0
                                          Для загрузки файлов почти все уже предусмотрено и это будет в следующих версиях.
                                          0
                                          Спасибо большое! Следил за проектом давным — давно. (+в карму тоже давно поставил.)
                                          Скстати, есть небольшой самопальный полуплагин — модификатор на основе текущего — при щелчке на кнопку на панели инструментов сразу открывается окно выбора файла и сразу вставляется в текст — для быстроты, в обход окна выбора файла из существующих на сервере.
                                            0
                                            Спасибо! Прекрасный плагин!

                                            А где происходит создание src поля для тега img который вставляется в текст?
                                            В коннекторе
                                            define('DIR_IMAGES', '/storage/images');

                                            а в текст вставляется img src="../storage/images/image.jpg"
                                            Как сделать относительно корня адресацию?
                                              0
                                              Адресация стоит относительно корня, а… добавляет сам Tiny. Для адресации от корня при инициализации тини нужно указать relative_urls: false
                                              0
                                              с друпалом будет работать?
                                                +1
                                                Конечно, уже работает, читайте в комментариях на странице проекта.
                                              • НЛО прилетело и опубликовало эту надпись здесь
                                                  0
                                                  Теориетически без проблем можно передалать и под standalon.
                                                    0
                                                    Практически я его у себя в проекте сделал standalone, ничего сложного
                                                      0
                                                      PS. Спасибо за плагин, жду файл-менеджер!
                                                    0
                                                    Как все сложно! Допустим я просто хочу вставить одну картинку, как это обычно и бывает. Сколько раз мне нужно кликнуть, посчитайте. Как долго ждать.

                                                    Сделайте просто — кликнул, на компе браузятся файлы, выбрал и готово.

                                                    А хотите «имэдж менеджер» — сделайте чтобы для него была другая кнопка.
                                                      0
                                                      На основе существующего сделать такое — 2 часа.
                                                      0
                                                      И вообще — имэдж менеджер — ненужная штука. Он и так есть у человека (его фотки на компе).

                                                      Нет бы сразу выбрать картинку с компа, так нет — нужно сначала закачать в менеджер, и потом уже выбирать в нем.
                                                        0
                                                        Небольшой баг (опера 9.63).
                                                          0
                                                          Не только в Опере, это из-за длинных названий, постараюсь выровнять.
                                                          0
                                                          хорошо-хорошо.

                                                          в Опере 9.63 заглючило создание новой папки. странно как-то себя повело…
                                                            +1
                                                            можно в одной папке переименовать файл так, что будет два файла с одинаковыми именами. так и задумано?
                                                            еще хотелось бы чтоб при ресайзе окна оно ресайзилось как в системе т.е. нижняя статусная строка не пропадала из виду и т.д.
                                                              0
                                                              Плагин полезный, спасибо! Одно замечание — при error_reporting=E_ALL лезут нотисы, пришлось расставлять собачек.
                                                                0
                                                                6 и 7й ИЕ вылетают при аплоаде.
                                                                  0
                                                                  Огромное спасибо за плагин!
                                                                    0
                                                                    Плагин просто отличный — спасибо большое!
                                                                    Но страдает таким недостатком как общие папки для всех пользователей. Например прикрутив данный плагин к пользовательскому редактору, один человек грузит свои фотографии в конкретную папку, а уже следующий человек загружающий фотографии видит все те фотографии что загрузил предыдущий человек.
                                                                    Может быть кто нибудь знает подобный плагин, что бы можно было грузить просто фотографии.
                                                                      0
                                                                      Плагин очень кстати. Большое спасибо за труды!

                                                                      Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                                                      Самое читаемое