Веб-разработка → Редакторы контента, использующие contenteditable
На последнем Web Standards Days, проходившем в Москве, Антон Немцев рассказывал про идею редактирования контента непосредственно на странице с этим самым контентом, используя атрибут contenteditable.
Спросив google, я нашел два вполне уже рабочих редактора, которые можно попробовать применить в одном из проектов.
Спросив google, я нашел два вполне уже рабочих редактора, которые можно попробовать применить в одном из проектов.
Wordpress → Продвинутые шаблоны редактора Wordpress
Допустим, у вас стоит задача предоставить вашему клиенту для заполнения заранее сверстанный макет или форму, куда он может смело добавить текстовый материал, будь-то описание товара или услуги, разделенный на колонки. Да, эту задачу можно решить многими способами, но хотелось бы, что бы и человеку было проще пользоваться редактором, и к вам вопросов было поменьше. В конце концов WYSIWYG и был создан для того, что бы даже сферическая секретарша в вакууме понимала, что именно будет отображено на сайте в результате её работы в редакторе. Но, пойди, найди такую «секретаршу».
Drupal → За что я люблю Drupal
По моему скромному мнению, CMS Drupal наиболее близко подошла к понятию «идеальная CMS». Очень многое в Drupal сделано для облегчения жизни разработчиков. В этой статье мне хочется рассказать об основных моментах, которые мне нравятся в Drupal. Материал рассчитан на пользователей, мало знакомых с Drupal. Иногда мне придется говорить очень простые вещи, но именно из-за этих простых мелочей и складывается очень приятное впечатление от Drupal.
Сразу стоит предупредить, что Drupal это не готовое решение. После установки вы не получите настроенную и работающую социальную сеть, интернет магазин и т.д. В Drupal действует принцип «предоставление возможностей по мере необходимости». Именно поэтому на Drupal не делают сателиты и ГС в промышленном масштабе и, возможно, именно поэтому количество рабочих сайтов на Drupal уступает таким CMS как Joomla и Wordpress, любимым CMS строителей сателитов и ГС.
Drupal предоставляет удобные инструменты для разработки сайта, который нужен именно вам. Создатели Drupal понимают, что каждый сайт индивидуален и предоставление готового решения было бы не правильно, вместо этого они предоставляют инструменты для разработки. Весь Drupal и все его модули пропитаны этой идеей. Отсутствие ограничений и множество настроек позволяют разработать сайт под конкретную задачу легко и просто.
Сразу стоит предупредить, что Drupal это не готовое решение. После установки вы не получите настроенную и работающую социальную сеть, интернет магазин и т.д. В Drupal действует принцип «предоставление возможностей по мере необходимости». Именно поэтому на Drupal не делают сателиты и ГС в промышленном масштабе и, возможно, именно поэтому количество рабочих сайтов на Drupal уступает таким CMS как Joomla и Wordpress, любимым CMS строителей сателитов и ГС.
Drupal предоставляет удобные инструменты для разработки сайта, который нужен именно вам. Создатели Drupal понимают, что каждый сайт индивидуален и предоставление готового решения было бы не правильно, вместо этого они предоставляют инструменты для разработки. Весь Drupal и все его модули пропитаны этой идеей. Отсутствие ограничений и множество настроек позволяют разработать сайт под конкретную задачу легко и просто.
Веб-разработка → Краткий список WYSIWYG редакторов

Однажды мне потребовался WYSIWYG редактор, я помнил как он выглядит, его функции, но не помнил названия. Через 45 минут я все же его нашел… Тогда я поставил перед собой задачу помочь многим, в том числе и себе: сделать сводный список всех чуть более известных WYSIWYG редакторов.
JavaScript → Imperavi: удобный и действительно красивый JS WYSIWYG редактор
В продолжение темы о красивой и удобной JS визуализации (http://habrahabr.ru/blogs/javascript/124899/) хочу рассказать вам о WYSIWYG редакторе, на который сегодня случайно наткнулся.
Вы наверное часто используете различные WYSIWYG редакторы в ваших проектах. Я их тоже часто использую, так уж получается, что они очень нравятсясекретаршам и т.д. нашим пользователям.
Таких редакторов существуют десятки, но все они мне почему-то не нравилисись: то выглядит уж очень топорно, то работает совершенно криво. В конце концов я остановился на TinyMCE. Он хоть и ужасен на вид, но рабоет стабильно.
И вот сегодня я совершенно случано наткнулся на редактор, который мне полностью подходит:
Имя этому чуду – Imperavi.
Попробуйте сами и думаю, что вам понравится.
Скриншот:

UPD
Более новая версия редактора: http://imperavi.ru/redactor/.
Вы наверное часто используете различные WYSIWYG редакторы в ваших проектах. Я их тоже часто использую, так уж получается, что они очень нравятся
Таких редакторов существуют десятки, но все они мне почему-то не нравилисись: то выглядит уж очень топорно, то работает совершенно криво. В конце концов я остановился на TinyMCE. Он хоть и ужасен на вид, но рабоет стабильно.
И вот сегодня я совершенно случано наткнулся на редактор, который мне полностью подходит:
- работает стабильно
- выглядит очень стильно
- написан на jQuery
Имя этому чуду – Imperavi.
Попробуйте сами и думаю, что вам понравится.
Скриншот:

UPD
Более новая версия редактора: http://imperavi.ru/redactor/.
Блог компании Mail.Ru Group → Новый интерфейс написания писем
За годы своего существования, почтовые сервисы прошли путь от plain text до красочно оформленных html-писем с мультимедийными вложениями. Чтобы идти в ногу со временем, Почта@Mail.Ru недавно обновила интерфейс написания писем. Что же изменилось? И, главное, что дали эти изменения?
Во-первых, html-режим написания писем теперь установлен по-умолчанию для всех пользователей. Чтобы добиться безболезненного перехода, нам пришлось многое изменить «внутри» — мы не только заново спроектировали интерфейс, но и переделали всю реализацию.

Во вторых, мы вернули на страницу написания письма список папок — теперь, отвечая на письмо, пользователь не выпадает из привычного контекста.
Изменилась и область написания письма. На Mail.Ru (как и в среднем по Рунету) более 20% пользователей приходят с разрешением 1024x768.
Во-первых, html-режим написания писем теперь установлен по-умолчанию для всех пользователей. Чтобы добиться безболезненного перехода, нам пришлось многое изменить «внутри» — мы не только заново спроектировали интерфейс, но и переделали всю реализацию.

Во вторых, мы вернули на страницу написания письма список папок — теперь, отвечая на письмо, пользователь не выпадает из привычного контекста.
Изменилась и область написания письма. На Mail.Ru (как и в среднем по Рунету) более 20% пользователей приходят с разрешением 1024x768.
Библиотека ExtJS/Sencha → Плагин добавления изображений в текст
Доброе утро.
По ходу разработки очередного проекта понадобился простой плагин для стандартного редактора Ext.form.HtmlEditor, который бы добавлял изображения в текст. Собственно его и пришлось сделать. Очередной велосипед, но может быть пригодится ещё кому-нибудь.
Сразу скажу, что функционал минимальный, по крайней мере пока. Есть возможность просмотра изображений, вставки в текст сразу нескольких из списка. Можно указать адрес, если оно уже где-то есть. Ну и размеры с названием.
Сам плагин можно забрать на гуглокоде.
По ходу разработки очередного проекта понадобился простой плагин для стандартного редактора Ext.form.HtmlEditor, который бы добавлял изображения в текст. Собственно его и пришлось сделать. Очередной велосипед, но может быть пригодится ещё кому-нибудь.
Сразу скажу, что функционал минимальный, по крайней мере пока. Есть возможность просмотра изображений, вставки в текст сразу нескольких из списка. Можно указать адрес, если оно уже где-то есть. Ну и размеры с названием.
Сам плагин можно забрать на гуглокоде.
Веб-разработка → WYSIWYG HTML редактор в браузере. Часть 3
В статье описана практика использования свойств designMode и contentEditable, а так же сопутствующих API на примере создания простого текстового редактора.
Веб-разработка → WYSIWYG HTML редактор в браузере. Часть 2
Это вторая часть перевода статьи о свойствах designMode и contentEditable, их поведении и особенностях.
В статье рассматриваются базовые принципы и проблемы унификации особенностей редактирования в современных браузерах. Темы рассматриваемые в статье:
В статье рассматриваются базовые принципы и проблемы унификации особенностей редактирования в современных браузерах. Темы рассматриваемые в статье:
- Различные методы включения режима редактирования
- Команды редактирования
- HTML генерируемый в процессе редактирования
- Взаимодействие с DOM
Веб-разработка → WYSIWYG HTML редактор в браузере. Часть 1
Это первая часть перевода статьи о свойствах designMode и contentEditable, их поведении и особенностях.
В статье рассматриваются базовые принципы и проблемы унификации особенностей редактирования в современных браузерах. Темы рассматриваемые в статье:
В статье рассматриваются базовые принципы и проблемы унификации особенностей редактирования в современных браузерах. Темы рассматриваемые в статье:
- Различные методы включения режима редактирования
- Команды редактирования
- HTML генерируемый в процессе редактирования
- Взаимодействие с DOM