Онлайн богатый текстовый редактор представляет собой интерфейс для редактирования форматированного текста в веб - браузеров , который предоставляет пользователю с «что-вы-видите-это-что-вы-получаете» (WYSIWYG) редактирования области. Цель состоит в том, чтобы уменьшить усилия пользователей, пытающихся выразить свое форматирование напрямую как допустимую разметку HTML .
Хотя самые ранние браузеры могли отображать форматированный текст, ввод пользовательских данных был ограничен текстовыми полями с одним шрифтом и стилем (реализованным с помощью элемента HTML). Internet Explorer был первым, кто добавил специальный «designMode», который позволял пользователю редактировать отформатированные части документа с помощью курсора . Mozilla последовала его примеру в версии 1.3, [1] и большинство основных браузеров теперь в некоторой степени реализуют этот неформальный стандарт. [2]
Технические возможности, необходимые для реализации онлайн-редактора форматированного текста, не охватывались спецификациями W3C для HTML4 . Тем не менее, популярные сервисы, такие как Gmail и WordPress , полагались на редактирование форматированного текста в качестве основного пользовательского интерфейса. В HTML5 была произведена некоторая стандартизация свойства DOM, называемого contentEditable, которое напоминает исходное расширение Internet Explorer. [3] Многие из офисных онлайн-пакетов обычно предоставляют функции онлайн-редактирования и форматирования текста.
Подход
Большинство онлайн-редакторов форматированного текста используют элемент iframe для области содержимого. Таким образом, содержимое внутри редактора отделено от остальной части страницы, потому что оно находится в другом документе. Преимущество этого разделения состоит в том, что редактор можно использовать где угодно на сайте (например, в области администрирования), при этом сохраняя стили контента, которые пользователи ожидают увидеть при публикации контента (например, в общедоступной области).
Некоторые редакторы используют элементы div для своей области содержимого. Таким образом, содержимое редактора наследует тот же стиль, что и остальная часть страницы, поскольку находится в том же документе. Этот подход в основном используется, когда пользователям необходимо редактировать контент «на месте», сохраняя общий макет страницы. Примерами таких локальных редакторов является DotNetNuke CMS.
Реализации
Встроенные редакторы отличаются от обычных редакторов, поскольку они могут редактировать контент напрямую, без elementingdocs / configure / appearance / | title | access-date = 2016-07-05}} Редакторы, которые используют, чтобы избежать конфликтов стилей, включают / Other] (редактор XHTML с открытым исходным кодом, ориентированный на семантическую разметку), YUI Rich Text Editor ( компонент Rich Text Yahoo! ) и расширение MediaWiki ).
Смотрите также
Рекомендации
- ^ «Редактирование форматированного текста в Mozilla» . developer.mozilla.org.
- ^ RE: HTML Action Item 54 - ... черновик текста спецификации HTML 5, требующий от производителей / авторов включать @alt в элементы img. От Фредерико Калдейры Кнаббен от 14 мая 2008 г. ([email protected] с мая 2008 г.) » . Lists.w3.org . Проверено 23 сентября 2010 .
- ^ «7 Взаимодействие с пользователем - HTML5» . W3.org . Проверено 23 сентября 2010 .