В последнее время в сети все чаще стали появляться обычные статические сайты, что не может не радовать. Неповоротливость некоторых популярных CMS только растет, при этом довольно часто CMS вообще не нужна. Статические сайты удобны со всех сторон, в сравнении с динамическими одни только преимущества. Такие сайты удобно разрабатывать, удобно использовать, приятно посещать, но неудобно обновлять. Решением этой проблемы может стать система Textolite, о которой я хотел бы рассказать подробнее.
Рубрика «contenteditable»
Textolite — система управления статическим сайтом
2014-10-24 в 4:49, admin, рубрики: cms, contenteditable, file api, html, php, wysiwyg, Блог компании Textolite, редактор в браузереЧистим HTML-код при вставке текста из MS Word в HTML5 WYSIWYG редактор (contenteditable)
2013-09-23 в 13:17, admin, рубрики: contenteditable, javascript, jquery, tinymce, wysiwyg, метки: contenteditable, jquery, tinymce, wysiwygЗдравствуйте!
При написании своего WYSIWYG редактора возникла проблема копирования текста из Ворда. Собственно проблем три:
- Ворд вставляет много мусорного html кода, который необходимо чистить
- Для представления списков Ворд почему-то использует параграфы вместо тегов UL и LI
- Собственно как определить, что вставленный текст является вставленным из Ворда.
В общем, для решения этих проблем, был написан jquery-плагин, полный исходный код которого доступен в конце статьи. Пример использования:
$(‘#editor’). msword_html_filter();Плагин вешается на событие keyup и проверяет, является ли исходный код внутри редактора вставленным из Ворда, если да, то запускается функция очистки. В результирующем html прибивается все что только можно – неразрывные пробелы, атрибуты style и align, теги span, все Mso-классы, пустые параграфы.
Детали реализации под катом.
Bootstrap-wysiwyg: крошечный текстовый редактор
2013-04-16 в 14:10, admin, рубрики: Bootstrap, contenteditable, javascript, wysiwyg-редактор, Веб-разработка, метки: bootstrap, contenteditable, wysiwyg-редактор
Текстовый редактор bootstrap-wysiwyg — это всего 1.5 Кб в минифицированном и сжатом виде и чуть больше 6 Кб исходного кода, базовые функции редактирования на основе execCommand, drag-and-drop для вставки изображений, поддержка стандартных горячих клавиш и ничего лишнего. Редактор работает в современных браузерах (Chrome 26, Firefox 19, Safari 6) и на мобильных платформах (IOS 6 iPad/iPhone, Android 4.1.1 Chrome). Зависимости — jQuery, jQuery HotKeys и Bootstrap.
Читать полностью »
Обзор: Особенности встроенного редактирования контента
2013-02-21 в 7:09, admin, рубрики: cms, contenteditable, inline-edit, wysiwyg, Веб-разработка, интерфейсы, обзор, метки: contenteditable, inline-edit, wysiwyg, обзорОбзор Особенности встроенного редактирования контента.
Что нового можно придумать в технологии редактирования контента? Все уже привыкли, что для редактирования приходится вначале искать нужный материал в недрах CMS, а потом искать в большой форме то поле, в котором меняется сам текст. И хорошо, если в этом поле он будет показан с таким же оформлением, как на сайте. Но часто эта форма для управления содержимым является не только очень мощной (когда позволяет внести изменения в метаинформацию), но и избыточной. Ведь если вы забыли поставить запятую, то придётся вновь проделывать все эти операции.
Вместо этого inplace-редакторы дают возможность сконцентрироваться на самом тексте без необходимости искать материал в недрах админки.Читать полностью »