Управление сайтом(CMS): mAdmin от www.Site.net.ua
TinySQL

WYSIWYG редакторы для сайтов давно стали стандартом. В сети можно найти множество решений основанных на jquery, предлагаемые редакторы, как правило отличаются разве что сложностью в использовании, поскольку функционал у них практически идентичен. Мы предлагаем наиболее простое аскетичное решение, кторое порадует не только стабильностью, но и скоростью работы.

Ниже вы найдете простейший WYSIWYG редактор (что не означает его неполноценность..).

Document.execCommand()

execCommand - метод объекта документа. Он позволяет изменять контент в теге со свойством contenteditable="true" расширенным редактором, то есть - вставлять ссылки,картинки, помечать выделенный текст жирным или курсивом, изменять размер и цвет шрифта. Синтакси команды:

document.execCommand(CommandName, ShowDefaultUI, ValueArgument);

CommandName - имя команды которую хотим выполнить. ShowDefaultUI - булевое значение, которое опледеляет - показывать вспомагательный интерфейс или нет. Эта опция не полностью реализована и поэтому лучше ее назначать как false. ValueArgument - строковое значение отображаемой информации, null - в случае, когда нет контента .

Мы будем использовать различные варианты использования указанных фич.


 

Простое решение

для небольших сайтов

  • 100% переносимость
  • Простой интерфейс
  • Скорость ограничена только возможностями HDD
  • API для тех, кто желает разнести UI и ServerSide (в разработке)

WYSIWYG редактор на чистом js

WYSIWYG редакторы для сайтов давно стали стандартом. В сети можно найти множество решений основанных на jquery, предлагаемые редакторы, как правило отличаются разве что сложностью в использовании, поскольку функционал у них практически идентичен. Мы предлагаем наиболее простое аскетичное решение, кторое порадует не только стабильностью, но и скоростью работы.

Ниже вы найдете простейший WYSIWYG редактор (что не означает его неполноценность..).

Document.execCommand()

execCommand - метод объекта документа. Он позволяет изменять контент в теге со свойством contenteditable="true" расширенным редактором, то есть - вставлять ссылки,картинки, помечать выделенный текст жирным или курсивом, изменять размер и цвет шрифта. Синтаксис команды:

document.execCommand(CommandName, ShowDefaultUI, ValueArgument);

CommandName - имя команды которую хотим выполнить. ShowDefaultUI - булевое значение, которое опледеляет - показывать вспомагательный интерфейс или нет. Эта опция не полностью реализована и поэтому лучше ее назначать как false. ValueArgument - строковое значение отображаемой информации, null - в случае, когда нет контента .

Мы будем использовать различные варианты использования указанных фич.

А также sdfsdf ываываыва


 


На правах рекламы
Создание сайта и поддержка проекта - ООО "Сайт!"