富文本在線編輯器如何工作？

我想知道如何從網頁或文檔粘貼文本時，online rich text editors如何維持格式。一個標準的textarea框只能使用文本，而這些WYSIWYG編輯器似乎使用DIV。它是如何工作的？富文本在線編輯器如何工作？

2009-12-23 hoju

在線富文本編輯器使用contentEditable或designMode來利用瀏覽器對HTML編輯的本機支持。當您粘貼到contentEditable或designMode元素時，瀏覽器將HTML直接放入元素中。通過粘貼到Midas Demo，然後使用Firebug的檢查元素來查看您粘貼的HTML，嘗試一下。

JavaScript應用程序可以使用execCommand方法在富文本編輯器中格式化用戶的選擇。

來源

2009-12-23 00:21:45 Annie

所見即所得編輯器實際上建立在瀏覽器已經內置的基本HTML編輯功能之上。在Firefox中，該技術被稱爲Midas。在IE中，contentEditable。

來源

2009-12-23 00:18:31

好奇：Safari和Chrome使用類似的技術嗎？在大多數現代瀏覽器中都可以使用這種功能嗎？ – hora 2009-12-23 00:36:21

是的，是的：http://operawiki.info/TextAreaEditor我不知道它是什麼所需的Chrome。 – 2009-12-23 00:46:00

@皮卡웃你的鏈接已經死了 – Volomike 2016-07-25 20:45:18

通過使用現有的瀏覽器功能（IE - ContentEditable）。這允許開發者直接讓用戶編輯html。他們通常使用iFrame將可編輯部分與頁面的其餘部分分開，但這不是必需的。

然後，開發人員可以簡單地閱讀iframe的html源代碼（或其他），然後完成。

來源

2009-12-23 00:23:06

富文本在線編輯器如何工作？

回答

相關問題