Немного о диалоговых окнах, WYSIWYG и других плагинах
WYSIWYG
Работаю сейчас над личными блогами пользователей rybalka.tv. Встроил визуальный редактор (другими словами WYSIWYG). До этого никогда не работал с WYSIWYG, и попросил помощи на форуме MaxSite CMS, там мне Юрий Белотицкий посоветовал использовать встроенный в админку MaxSite CMS jWYSIWYG который является плагином для jQuery.
Посмотрел так же что из себя представляют конкуренты jWYSIWYG (блин ну и название). Флагманы в этой нише TinyMCE и FCKeditor. Если первый просто громоздкий и долго грузится, то второй просто монстр, по функционалу напоминающий Microsoft Word.
Я думаю пользователям моей соц. сети не нужны какие-то излишества в виде вставки таблицы или печать напрямую из редактора, и они вполне обойдутся минимальным набором функций форматирования (жирный, курсив, подчеркивание, лево, право, центр, сцыль и вставить картинку). К тому же размер плагина jquery.wysiwyg.js всего 21 КБ (и это не запакованная версия). Выбор был очевиден. Сам редактор поставился и настроился очень легко.
Дальше необходимо было создать свою кнопку загрузки картинки и прикрутить обработчик события к ней. Я решил расширить функционал редактора, чтобы из него можно было загрузить фото с компа, подогнать его размеры под контентную часть поставить копирайты и вставить картинку в редактор (в общем как в вордпрессе).
Dialog
Сперва далеко не стал ходить, а пошел напрямую на офсайт jQuery UI за виджетом Dialog. Провозившись с ним все утро, понял что он какой-то недоработанный. Конкретно: он не может нормально работать в IE 6, а т.к. у меня 30% юзеров сидят на нем, просто так я не мог это оставить. Ну и размер виджета тоже не сахар – 100 КБ в сжатом виде.
Вот так выглядит jQuery UI Dialog в файрфоксе, опере и сафари
А вот так в IE6
В поисках аналогов наткнулся на простенький плагин для jQuery jqModal. Этот поставился и заработал сразу, но создает диалоги не такие эффектные, и стиль диалога нужно создавать самому. Возможно и говно у меня вышло (см. последний скрин), но можно и доработать, главное что корректно работает во всех браузерах, да и размер плагина 3,5 Кб.
Кстати чтобы запустить соц. сеть в интернет, мне не так много осталось (доработать блоги, фотоотчеты, личные страницы и по мелоче), и все пока идет с опережением графика.
Астраханский seoшник пиво с рыбкой и ты в топе.
Лично я использую jQuery UI давно – но Dialog в первый раз как не смог прикрутить к приложению, так и не брался за него. Какой-то он сильно непонятный (хотя и мощный по описанию). Попробовал несколько плагинов для модальных окон, и тоже остановился на jqModal, даже писал про него на блоге.
Если хочешь сделать оформление окна чуть красивее – на домашней страничке плагина есть примеры неплохих css-каскадов для плагина. А вообще, и так неплохо
Социальная сеть базируется на MaxSiteCMS или нет?
Да вроде не сильно сложный как и все их UI, жаль глючит на ИЕ
Да я у тебя на блоге и узнал о нем
Да
Обменялись постовыми
Остался доволен…
Самое тяжелое впереди- это много много пользователей твоей соц. сети
Много не будет, т.к. сеть узконаправленная,
но на тысяч 5-10к зареганых юзеров я ч-з год буду расчитывать.
Хотя конечно зависит от того сколько денег я потрачу на раскрутку. Пока лишних нет =(
Жень, лишних денег никогда нет. Но ведь разве ты не потратил уже кучу денег, да и сил душевных и физических, на создание этого проекта? Короче бабло по любому придется вкладывать
Да потратился здорово, правда вникуда ушла большая часть по неопытности.
Душевные силы расходовались еще больше. Бывало в 5 встану и до 22-23 сижу работаю над ним, пока не отключает. Ну естественно с перерывами на еду =). Но я так не всегда работаю, в основном не более 10 часов в сутки.
Ну дай Бог, все у тебя получится. Ведь все, что мы делаем, в любом случае- это бесценный опыт.
Андрей, спасибо!
кстати отличный плагин давно его использую. пока нареканий не было.
а как реализовывали «предпубликационную» обработку картинки – изменерие размера и т.п.
Если не жалко – можете поделиться реализацией?
С помощью CodeIgniter
http://codeigniter.com/user_guide/libraries/image_lib.html
Сложного там ничего нет, потому не выкладываю исходник. Просто режу фотки ч-з функционал CI.
Лично я просто подключил файл менеджер на том же jquery
там сдеала 3 возможности – если в файлманагере выбрана картинка – добавляю объект картинки, если флешка – флешку создаю, а если что то еще – создаю ссылку на это что то еще. файл менеджер умеет удалять загружать и вообще работать с файлами и папками – удобно для создания библиотеки картинок и файлов, если интересен код – то я доступен по асе 29 три шесть 888 шесть 6
PS файл – менеджер – KFM (на jquery) весит под 2 Мб, но мне нравятся его возможности.
ммм… забыл сказать что писал я тоже для своей цмс на Code Igniter