Как имитировать / реализовать редактор WYSWYG на веб-странице? - PullRequest
1 голос
/ 16 февраля 2012

Все, что я знаю, это то, что он использует тег IFRAME в качестве слоя представления, как он хранит данные, как он переключается между режимом WYSIWYG и режимом источника?

Ответы [ 2 ]

1 голос
/ 16 февраля 2012

Большинство встроенных в браузер WYSIWYG редакторов (Google Docs является заметным исключением) используют атрибут contenteditable , чтобы сделать элемент редактируемым.

Данные не нужно хранить каким-либо особым образом, это всего лишь HTML-содержимое редактируемого узла.

Переключитесь в режим источника, сбросив innerHTML вашего редактируемого элемента в textarea, показывая textarea и скрывая редактируемый элемент.

Вы можете найти много информации и учебных пособий, набрав в Google contenteditable.

0 голосов
/ 16 февраля 2012

Я бы использовал один из множества бесплатных:

http://akzhan.github.com/jwysiwyg/

пример: http://akzhan.github.com/jwysiwyg/help/examples/03-ajax.html

...