Как Rich Text Editor в HTML-документах достигает своего форматированного текста?

Question

Не могли бы вы объяснить, как текст в текстовой области оформляется в редакторах форматированного текста? Я пытался стилизовать текст в форме, но он не меняется.

Это JS, который распознает символы, набранные пользователем? Как это сделано?

---

Edit:

После небольшого исследования (правила Google!) Я нашел отличную информацию. Для тех, кто может быть заинтересован, эти ссылки были очень полезны для меня:

• http://www.webreference.com/programming/javascript/gr/column11/
• http://www.webreference.com/programming/javascript/gr/column12/

Answer 1

Я думаю, что ответ заключается в том, что то, на что вы смотрите, обычно НЕ является действительным <textarea>. Это <div> или <span>, выполненный в виде текстовой области. Обычное текстовое поле HTML не имеет индивидуального форматирования текста.

«Редакторы Rich-Text» будут иметь элементы управления, которые изменяют содержимое span / div с помощью обычной разметки html (<strong>, <em> и т. Д.) Для эмуляции полнофункционального редактора форматированного текста

Answer 2

По сути, содержимое TEXTAREA используется в качестве источника HTML для IFRAME.

Answer 3

Это textarea, когда вы отправляете HTML пользователю, но редактор заменил его на div, когда он может запуститься.

Таким образом, код постепенно ухудшается: пользователи с неподдерживаемыми веб-браузерами или отключенным JavaScript все еще могут редактировать текст в textarea, в то время как все остальные пользователи получают хороший текстовый редактор.

Answer 4

Обычно редактор форматированного текста предоставляет переменную для указания таблицы стилей. Затем эта таблица стилей будет загружена и применена к текстовой области (Большинство, если не все, редакторы форматированного текста используют IFRAME для отображения редактора в и, очевидно, стили, указанные в основном документе, к нему не применимы.)