2011-03-08 44 views
5

我試圖構建類似於Google文檔的東西,您可以直接編輯頁面,而不是通過textarea或iframe。這可以通過contentEditable HTML5屬性來實現。什麼是一個好的所見即所得的編輯器與ContentEditable一起使用?

那麼有什麼好的編輯器可以在contentEditable之上使用,以提供諸如文本格式,插入鏈接,從單詞粘貼等功能?

http://www.aloha-editor.org/是我找到的,但我想知道是否有更多。

(編輯:我要澄清,我不是試圖建立整個谷歌文檔,我只是用,作爲編輯的實際內容的一個例子)

回答

1

版本的WYMeditor 2.0(目前正在重由我和其他人開發)也使用contentEditable,但主要依賴於選擇/範圍/操作dom,因爲designMode和contenteEditable API的行爲在瀏覽器供應商之間差別很大。

一些功能/設計目標是:

  • WYSIWYM編輯 - 分離內容和表示,我們支持豐富的文本格式,但離開呈現給設計師。

  • 模塊化架構 - 你想(和掛鉤起來反對自己的UI),或在工具欄,對話框和一切「全棧」主編下降僅使用組件。

  • 嚴格的xHTML(5) - 編輯器默認輸出嚴格的XHTML(可以根據需要輕鬆轉換內容)。如果那不是你想要的,你可以編寫你自己的解析器和序列化器來支持你想要的任何格式。

  • 佔位符/自定義元素 - 佔位符和甚至自定義元素使您能夠管理編輯器內的幾乎任何類型的內容。你可以加上StructureValidator執行規則築巢,格式,有效屬性等

源可用on GitHub和第一個測試版要一兩個月內的預期。

1

看看HTML5 editor,它需要一個textarea元素並將其轉換爲帶有contentEditable的div。它有一個漂亮的可自定義的工具欄來輕鬆格式化內容。

相關問題