如何在網頁上模擬/實現WYSWYG編輯器？

Question

我所知道的是，它使用IFRAME標記作爲表示層，它如何存儲數據，它如何在所見即所得模式和源模式之間切換？

Answer 1

目前大部分的瀏覽器WYSIWYG編輯器（谷歌Docs是一個明顯的例外）使用contenteditable屬性，使元素可編輯。

數據不需要以任何特殊方式存儲，它只是可編輯節點的HTML內容。

通過將可編輯元素的innerHTML轉儲到textarea，顯示textarea並隱藏可編輯元素，切換到源代碼模式。

您可以通過Google搜索contenteditable找到大量信息和教程。

Answer 2

我會用很多免費的之一：

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

例如：http://akzhan.github.com/jwysiwyg/help/examples/03-ajax.html