富文本編輯器如何工作以及如何構建基本編輯器？

Question

我以爲我對JavaScript非常熟悉，但後來我想到了富文本編輯器的工作原理，比如CKeditor，並且意識到我不知道。

我假設按鈕通過JavaScript連接到文本區域，但它是如何標記的。

在網絡上富文本編輯器有什麼特別之處，還是隻是很多花哨的js？

Answer 1

很多fancy.js，以及曾經是DOM的擴展名爲「contentEditable」，它基本上將任何dom元素轉換爲簡單的文本編輯器。 JS在那裏允許做粗體/斜體/字體/插入其他DOM元素（表格，圖像等）。但最終都歸結爲contentEditable。

Answer 2

結帳這樣的：

http://www-archive.mozilla.org/editor/midasdemo/

這： https://developer.mozilla.org/en/rich-text_editing_in_mozilla

Answer 3

你可以用div元素的CONTENTEDITABLE propertiy .. 讓說你有大膽的按鈕做。用戶點擊它，然後你打電話給一個js功能，並打開一個標籤，如<b>當用戶點擊正常按鈕，你關閉它..它與顏色相同..打開一個<span style="backround-color:red"> ..它基本上是你的風格div文本與js ..嘗試jQuery的簡單dom操縱。