Введение
Онлайн-интерфейс для редактирования форматированного текста, используемый при создании веб-сайтов. Онлайн-редактор форматированного текста – это интерфейс для редактирования форматированного текста непосредственно в веб-браузере, предоставляющий пользователю область редактирования типа "что вы видите, то и получаете" (WYSIWYG). Цель – упростить задачу для пользователей, стремящихся задать форматирование без непосредственной работы с HTML-разметкой. Хотя самые первые браузеры могли отображать форматированный текст, ввод данных пользователем ограничивался текстовыми полями с единственным шрифтом и стилем (реализованными с помощью HTML-элемента <textarea>). Internet Explorer первым внедрил специальный "designMode", позволявший пользователю редактировать отформатированные части документа с помощью курсора. Mozilla последовала этому примеру в версии 1.3, и большинство современных браузеров в той или иной степени поддерживают этот неформальный стандарт. Технические возможности, необходимые для реализации онлайн-редактора форматированного текста, не были предусмотрены спецификациями W3C для HTML4. Однако популярные сервисы, такие как Gmail и WordPress, используют редактирование форматированного текста в качестве основного пользовательского интерфейса. С появлением HTML5 была произведена частичная стандартизация с помощью свойства DOM под названием "contentEditable", которое аналогично первоначальному расширению Internet Explorer. Многие онлайн-офисные пакеты предлагают функции онлайн-редактирования и форматирования текста.
applications used to create websites
An online rich text editor is the interface for editing rich text within web browsers, which presents the user with a "what you see is what you get" (WYSIWYG) editing area. The aim is to reduce the effort for users trying to express their formatting directly as valid HTML markup. Though very early browsers could display rich text, user data entry was limited to text boxes with a single font and style (implemented with the <textarea> HTML element). Internet Explorer was the first to add a special "designMode" which allowed formatted parts of a document to be edited by the user using a cursor. Mozilla followed suit in version 1.3, and most major browsers now implement this informal standard in some capacity. The technical capabilities needed to implement an online rich text editor were not covered by the W3C specifications for HTML4. Nevertheless, popular services like Gmail and WordPress have relied on rich text editing as their main user interface. With HTML5, some standardization was made on a DOM property called "contentEditable"—which resembles Internet Explorer's original extension. Many of the online office suites tend to provide online text editing and formatting functionality.
Подход
Большинство онлайн-редакторов форматированного текста используют элемент `iframe` для области контента. Это позволяет отделить содержимое редактора от остальной части страницы, поскольку оно находится в отдельном документе. Преимущество такого разделения заключается в том, что редактор можно использовать в любом месте сайта (например, в административной панели), при этом сохраняя стили контента, которые пользователи ожидают увидеть после публикации (например, в публичной части сайта). Некоторые редакторы используют элементы `div` для области контента. В этом случае содержимое редактора наследует стили, применяемые ко всей странице, поскольку оно находится в том же документе. Такой подход в основном используется, когда пользователям необходимо редактировать контент непосредственно на странице, сохраняя общий макет. Примером редактора, работающего по принципу редактирования "на месте", является DotNetNuke CMS.
Реализация
Инлайн-редакторы отличаются от обычных редакторов тем, что позволяют редактировать содержимое непосредственно, не заключая его в другой элемент, часто с использованием атрибута `contenteditable`. К таким редакторам относятся Aloha Editor, CKEditor, SnapEditor и TinyMCE. Редакторы, использующие iframe для предотвращения конфликтов стилей, включают CKEditor, Dijit Editor и TinyMCE.