WYSIWYG редакторы для сайтов давно стали стандартом. В сети можно найти множество решений основанных на jquery, предлагаемые редакторы, как правило отличаются разве что сложностью в использовании, поскольку функционал у них практически идентичен. Мы предлагаем наиболее простое аскетичное решение, кторое порадует не только стабильностью, но и скоростью работы. Ниже вы найдете простейший WYSIWYG редактор (что не означает его неполноценность..). Document.execCommand() execCommand - метод объекта документа. Он позволяет изменять контент в теге со свойством contenteditable="true" расширенным редактором, то есть - вставлять ссылки,картинки, помечать выделенный текст жирным или курсивом, изменять размер и цвет шрифта. Синтакси команды: document.execCommand(CommandName, ShowDefaultUI, ValueArgument); CommandName - имя команды которую хотим выполнить. ShowDefaultUI - булевое значение, которое опледеляет - показывать вспомагательный интерфейс или нет. Эта опция не полностью реализована и поэтому лучше ее назначать как false. ValueArgument - строковое значение отображаемой информации, null - в случае, когда нет контента . Мы будем использовать различные варианты использования указанных фич.
Простое решениедля небольших сайтов
- 100% переносимость
- Простой интерфейс
- Скорость ограничена только возможностями HDD
- API для тех, кто желает разнести UI и ServerSide (в разработке)
|