Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 116
Потестируем. Пока мой выбор пал на elRTE.
Я бы их не сравнивал. Разные тулзы, разного масштаба и для разных задач.
Мое имхо в проектах надо отходить от таких редакторов, своими возможностями они часто код засоряют. А по логике вы не должны делат ьв проекте отсебятины а размечать текст только с помощью html: p h2 h3 h4 h5 strong i uo ol а уже стили к ним браться должны с сайта дабы сохранить единобразие
Очень подробное, интересное описание, со сравнением функциональных и визуальных особенностей, развернутым описанием интеграции и настройки.
Как раз для хабра.
Как раз для хабра.
Да, прикольный, но как у него с раширяемостью и API?
У меня в проектах нередко бывает, что надо сделать свою обработку (например, обертку вокруг текста, итд), плюс на английскомсекретарши наши дорогие пользователи иногда не понимают.
Документации вообще нету…
Не, остаюсь на TinyMCE. :)
У меня в проектах нередко бывает, что надо сделать свою обработку (например, обертку вокруг текста, итд), плюс на английском
Документации вообще нету…
Не, остаюсь на TinyMCE. :)
Локализация есть, так как написали его наши соотечественники.
Присоединяюсь к вопросу о расширяемости
Если быть точнее на TinyMCE вы оставляете своих юзеров.
Не агитирую за Imperavi, но код у них очень чистый и логичный. Разобраться как прикрутить какие-то дополнения или изменить функционал несложно.
Не агитирую за Imperavi, но код у них очень чистый и логичный. Разобраться как прикрутить какие-то дополнения или изменить функционал несложно.
В общем интересное решение, да вот функционал маловат. Вставить\удалить картинку можно, а вот изменить ее нельзя (указать другой url картинки).
+ в опере изменение ориентации текста не отражается. Тэги прописываются — а текст как стоял слева, так и стоит.
+ в опере изменение ориентации текста не отражается. Тэги прописываются — а текст как стоял слева, так и стоит.
Вот здесь более свежая версия оказывается лежит. В ней всё рабоает.
В более свежей почему-то не удалось открыть меню редактирования картинки
Opera 11.50 Mac. Полёт нормальный.
У меня всё работает.
Сейчас открылось, тем не менее, изменить url картинки нельзя.
А аплоад картинок с локального компа удалось заставить работать?
Насколько я помню, в демо аплоад отключен. А редактор в своих сайтах пока не использовал.
У меня и на своем не получается почему-то. Картинку с url вставляет, а вот загрузка не идет. Вставляется вместо картинки какаой-то странный кусок фразы про главную страницу. Хотя, выглядело все очень просто, в конфиге пути к папкам, кажется, верно прописал. Почему не хочет работать только никак не пойму.
При переключении в HTML-вид все стилевые изменения текста (цвет, фон, стиль шрифта) сбрасываются. FF4.
Отличный редактор. Простой и красивый. Включили его в базовый комплект cogear². Поддерживаем отечественного разработчика.
Тоже пока им пользуюсь. Редактор удобный, но есть некоторое количество глюков в его работе. Как написали выше, часть стилей при работе с текстом может пропадать.
Круто. Просто и круто. Еще бы Auto-Markdown для него сделать :)
Всем интересующимся я бы еще посоветовал взглянуть на Aloha Editor. Если кто не видел, конечно.
Давно не испытывал такого удовольствия от работы с WYSIWYG-редактором, особенно порадовали таблицы.
Однако нет возможности удобно объединять и раскрашивать ячейки…
Нет управляющих элементов у таблиц, при создании таблицы нельзя задать ее длину, в меню «Таблица» при выборе ячейки нет пунктов, связанных с изменением свойств ячейки/строки, (а еще можно было и правокнопочное меню приделать). В общем, неясно, как таблицам придать нужный вид.
Демо-страница, FF5, Ubuntu.
Демо-страница, FF5, Ubuntu.
Очень понравилось! Автору миллион благодарностей!
Как небольшое пожелание. Раз для работы используется jquery, то было бы очень круто, если бы стандартные кнопки были немного «разукрашены», например вот этим: jqueryui.com/demos/button/
Как небольшое пожелание. Раз для работы используется jquery, то было бы очень круто, если бы стандартные кнопки были немного «разукрашены», например вот этим: jqueryui.com/demos/button/
А как он с текстом скопированным из ворда работает? У нас с этим постоянно проблемы возникают.
Ну так попробуйте вставить что-нибудь из Ворда. (У меня просто Ворда нет, поэтому не могу сказать)
Ворд копируется вместеп с мусором. И спаны с параграфами перекрещиваются. Firefox5
Иногда при копировании из ворда падает на разборе вставленного.
Наблюдается на Ie7 + Word 2007
Наблюдается на Ie7 + Word 2007
У меня после вставки в Chrome из Word 2010 перестал открываться HTML-код в редакторе.
Не хватает контекстного меню при нажатии правой кнопкой. А без него не вижу смысла.
Все таки TinyMCE получше.
Все таки TinyMCE получше.
А можно ли убрать с панели некоторые кнопки? Можно ли управлять содержанием выпадающих меню?
А есть еще такой, CLEditor — довольно интересный редактор.
чем же он интересен, потрудитесь объяснить
Плюсы:
— прост как топор
— весит около 14 кб с тулбаром (если не ошибаюсь)
— можно писать свои плагины, на сайте есть пример
— работает на jquery
— генерит вполне лаконичный html+css
— на мой вкус — самый приятный на вид
— чертовски быстрый, несколько копий на странице — что есть что нет — летает
Минусы:
— несколько кривой ксс, мне пришлось подлатать тулбар
— отсутствуют из коробки жизненно-необходимая надстройка «во весь экран»
— использует iframe
— функционал все-таки слабоват для серьезного редактора
— прост как топор
— весит около 14 кб с тулбаром (если не ошибаюсь)
— можно писать свои плагины, на сайте есть пример
— работает на jquery
— генерит вполне лаконичный html+css
— на мой вкус — самый приятный на вид
— чертовски быстрый, несколько копий на странице — что есть что нет — летает
Минусы:
— несколько кривой ксс, мне пришлось подлатать тулбар
— отсутствуют из коробки жизненно-необходимая надстройка «во весь экран»
— использует iframe
— функционал все-таки слабоват для серьезного редактора
Ну и офф сайт premiumsoftware.net/cleditor/
Кстати, да.
Если не нужны супермега-возможности, то для простейшей разметки он очень неплохо подходит.
Правда, иногда требует напильника. Мне пришлось писать плагин к нему для вставки картинок, загружаемых на сервер. Также, «заставил» его использовать contentEditable во всех браузерах, иначе в ФФ вставленный флэш не отображался в редакторе.
Если не нужны супермега-возможности, то для простейшей разметки он очень неплохо подходит.
Правда, иногда требует напильника. Мне пришлось писать плагин к нему для вставки картинок, загружаемых на сервер. Также, «заставил» его использовать contentEditable во всех браузерах, иначе в ФФ вставленный флэш не отображался в редакторе.
да, но ведь цвет текста не сохраняется (Хром?), даже если перещелкнуть режим html туда-обратно
Там в настройках отключено сохранение стилей по-умолчанию
а есть планы прикрутить туда типограф?
я не разработчик редактора, просто после использовании его в проектах поднатаскался в настройке и правке багов
Вот бы кто-нибудь ещё интегрировал бы все эти расчудесные редакторы с Etherpad: etherpad.org.
Если вам нужен WYSIWYG редактор с минимум функционалом и простотой подключения, рекомендую — nicedit.com/
Весит меньше CKeditor что очень радует. Да и код плагинов не запутанным выглядит.
Хабр есть у кого-нибудь опыт в написании расширений под этот редактор?
Хабр есть у кого-нибудь опыт в написании расширений под этот редактор?
Пробовал я использовать этот редактор, только вот плачевно у него со вставкой изображений в текст, даже на сайте разработчика не работает, у меня так же не завелся(именно вставка изображения, остальное работает на ура).
p.s. пытался интегрировать его в django проект.
p.s. пытался интегрировать его в django проект.
Как вариант: markitup.jaysalvat.com/home/
Уже есть готовое приложение: bitbucket.org/carljm/django-markitup/overview,
правда оно обычно отстает на пару версий.
Уже есть готовое приложение: bitbucket.org/carljm/django-markitup/overview,
правда оно обычно отстает на пару версий.
Нашел приложение для django: django-redactor, в актуальном состоянии держит пакет.
также у данного редактора есть ещё пара багов, связанных с 1) отбражением нескольких редакторов на одной странице 2) подгрузке редактора на display: none поле в ферфоксе
Год использую его в своей CMS, предварительно подпилив (биндинги для подключения другого модального диалога, биндинги для обработки оформления результирующего HTML, немного другая модель css-маппинга классов самого редактора).
Замечательный редактор, хотя и слегка перегруженный функциями. Процентов 80 тасков с тулбара можно было бы вынести в модули.
Замечательный редактор, хотя и слегка перегруженный функциями. Процентов 80 тасков с тулбара можно было бы вынести в модули.
написан на jQuery
Клево, тоже хочу научиться писать на библиотеке.
> В конце концов я остановился на TinyMCE. Он хоть и ужасен на вид, но рабоет стабильно.
А как же поддержка скинов и тем?
Огромный плюс TinyMCE в том, что он обрабатывает стандартные команды форматирования САМ, а не передает их браузеру. Это гарантирует то, что всегда и везде для bold-а, например, будет использован нужный ВАМ тег (может быть любым), а не тот который браузер считает оптимальным. А у этого как дела с этим?
А как же поддержка скинов и тем?
Огромный плюс TinyMCE в том, что он обрабатывает стандартные команды форматирования САМ, а не передает их браузеру. Это гарантирует то, что всегда и везде для bold-а, например, будет использован нужный ВАМ тег (может быть любым), а не тот который браузер считает оптимальным. А у этого как дела с этим?
Кто знает, прикручивается к рельсам?
Это же js, конечно да. Кстати, посмотрите еще на wymeditor, вроде неплохо.
На одном из последних проектов я тоже решил использовать этот редактор. Правда не совсем понял функцию typo. Из минусов могу сказать, что не очень удобную реализовано добавление файлов, а в остальном сделано на пятерочку.
Для комментирования на сайте этот редактор может подойти, а вот для админки нет, очень мало возможностей.
Смторя, что у вас в админке.
Для редактирования новостей – легко.
Для редактирования новостей – легко.
При редактировании новостей мне необходимо зачастую прописывать разные стили для ссылок, прописывать разные отступы для изображений в тексте, разное обтекание, вставлять слои для рекламных блоков,…, наконец, необходим файловый менеджер, так как нет нужды несколько раз грузить одну и ту же картинку,…, нужен предварительный просмотр, нужна редакция текста для верхних и нижних индексов, например, для написания температуры или описания тензорных объектов. Всё, что я перечислил есть в ckeditor+ckfinder. Эта связка подходит для админки.
Работает стабильно?..
Попробуйте установить для текста фоновый цвет (или цвет текста), перейти в режим редактирования кода, вернуться в WYSIWYG разметку. Где подевался цвет фона?
Вообщем то что нравиться в существующем редакторе:
— Приятный внешний вид, юзабилити, всплывающие окна
— Написан на jQuery (что скорей всего будет экономить размер js в проекте, где используется jQuery)
Что не нравиться:
— Как было сказано, скудная документация
— Разовое решение для узкого круга задач
Если захотеть, то можно подобную красивую обертку натянуть на тот же TinyMCE. :)
Попробуйте установить для текста фоновый цвет (или цвет текста), перейти в режим редактирования кода, вернуться в WYSIWYG разметку. Где подевался цвет фона?
Вообщем то что нравиться в существующем редакторе:
— Приятный внешний вид, юзабилити, всплывающие окна
— Написан на jQuery (что скорей всего будет экономить размер js в проекте, где используется jQuery)
Что не нравиться:
— Как было сказано, скудная документация
— Разовое решение для узкого круга задач
Если захотеть, то можно подобную красивую обертку натянуть на тот же TinyMCE. :)
Редактор странным образом чистит теги, которые не надо трогать.
Как отколючается эта фича?
Как отколючается эта фича?
Багтрекинг на сайте не нашел. Придется баги сюда писать.
* Выделил одно слово из предложения. Нажал «Заголовок», получил весь абзац в виде заголовка.
* Не видны стили, которые применены к данному фрагменту.
* Выделил одно слово из предложения. Нажал «Заголовок», получил весь абзац в виде заголовка.
* Не видны стили, которые применены к данному фрагменту.
Есди вставить в редактор видео, то в Crome все менюшки открываются ЗА ним и их не видно.
Редактор впечатлил: я выделил главную страницу ЖЖ и через Ctr-C Ctrl-V вставил её в редактор — вид страницы передан почти один-в-один.
Заглянул в код редактора, в первых же строках увидел загаживание глобального пространства имен, что никак не есть jQuery-style.
Это ужасно, дальше смотреть не стал.
Это ужасно, дальше смотреть не стал.
Открываете IE8, выделяете текст полужирным, на сервер уходит текст в тегах STRONG. Открываете Firefox 5, повторяете, на сервер уходит font-weight. Что происходит?
Баг с align'ом картинок. Вставляем картинку, делаем ей left или right, потом невозможно поставить «обтекание текстом: нет».
Баг со ссылками. Делаем ссылку. Ставим курсор на эту ссылку, или выделяем ее, нажимаем в меню «Вставить ссылку». Открывается диалоговое окно, правим там что-нибудь, нажимаем «Вставить». Ничего не происходит. Закрываем диалоговое окно — опа! наши изменения применились.
Баг со ссылками. Делаем ссылку. Ставим курсор на эту ссылку, или выделяем ее, нажимаем в меню «Вставить ссылку». Открывается диалоговое окно, правим там что-нибудь, нажимаем «Вставить». Ничего не происходит. Закрываем диалоговое окно — опа! наши изменения применились.
Не стали использовать, так как не везде почему-то отрабатывает подгрузка фоток + нет мультизагрузчика фоток, а без него неудобно большие посты делать.
Cтолкнулся с проблемой, вся статика на проекте вынесена на отдельный поддомен (static.procject.com)
соотвественно и redactor расположен там же.
В данном случае при запуске редактора появляется ошибка
RTOOLBAR is not defined
static.project.com/js/redactor/redactor.js
Line 1489
из-за этого решил пока что его не использовать.
соотвественно и redactor расположен там же.
В данном случае при запуске редактора появляется ошибка
RTOOLBAR is not defined
static.project.com/js/redactor/redactor.js
Line 1489
из-за этого решил пока что его не использовать.
увидев как называются файлы: redactor.js, redactor.css очень долго размышлял при чем тут «красный актер»…
это меня видимо настолько раздражает транслит, что нивкакую не читалось как «редактор».
а в целом оч понравился. разве что добавили бы поддержку jQuery-UI-тем.(лично мне это не нужно редактор идеально подходит под стиль моих проектов)
это меня видимо настолько раздражает транслит, что нивкакую не читалось как «редактор».
а в целом оч понравился. разве что добавили бы поддержку jQuery-UI-тем.(лично мне это не нужно редактор идеально подходит под стиль моих проектов)
Подружить данное творение с mootools неполучилось. В FF 3.6 вставляется в редактор часть JavaScript кода.
noConflict не помог. Вот тут демка: agel-nash.ru/redactor641/
noConflict не помог. Вот тут демка: agel-nash.ru/redactor641/
Авторы редактора, кстати, выпустили новую версию.
Узнать, что нового и скачать можно здесь.
Узнать, что нового и скачать можно здесь.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Imperavi: удобный и действительно красивый JS WYSIWYG редактор