2011-01-07 65 views
45

除了新的Google文檔,我所見過的所有其他所見即所得的基於Web的富文本編輯器(ckeditor,tinymce,舊Google Docs)都基於contenteditable或designMode。我個人討厭使用這些編輯器。在整個體驗變成挫折鍛鍊之前,它不需要格式化或複製/粘貼。返回突然開始獲得雙間隔,意外格式化通過從其他HTML源粘貼引入,撤消/重做的完全打破,格式化變得極其難以控制等。任何所見即所得的富文本編輯器,不使用HTML(contenteditable或designMode),la(新的)Google Docs?

我相信這是Google Docs推出的原因之一它自己更受限制,非HTML格式化引擎。那裏有沒有提供類似的開源庫?提前致謝。

+11

哈,有人已經提取的(混淆)的代碼,並提出了Kix中的工作版本在GitHub上:https://github.com/benjamn/kix-standalone(來源:http://stackoverflow.com/questions/ // ALOHA編輯:3315520 /谷歌關閉編輯器的所見即所得/ 4709155#4709155) – 2011-02-17 00:59:55

+1

我只是碰到這個博客帖子(http://bergie.iki.fi/blog/introducing_the_midgard_create_user_interface/),其中提到阿羅哈編輯器(HTTP來了.org等/)。我相信它使用contentEditable,但看起來他們可能正在離開這個?值得一看。 – 2011-03-03 22:37:13

+0

參考答案在[http://stackoverflow.com/questions/4358901/how-to-implement-google-doc-like-text-editor/9625160#9625160][1] [1 ]:http://stackoverflow.com/questions/4358901/how-to-implement-google-doc-like-text-editor/9625160#9625160 – 12345 2012-03-08 21:29:06

回答

17

您可以從Ace editor(以前的Bespin和Skywriter)開始。它的目的在於編輯代碼,因此它缺少格式化和其他功能,但是您可能會發現一個有用的功能核心,可以將豐富的文本編輯器置於其上。

在行動:http://ajaxorg.github.com/ace/build/editor.html

代碼:https://github.com/ajaxorg/ace

更新:作爲@theazureshadow指出,當前編輯器不使用canvas我最初報告。 Bespin在與使用DOM的Ace合併之前使用了canvas。儘管如此,簡單地在引擎蓋下窺視,但它並沒有出現它們正在使用contentEditabledesignMode。 (有一個<textarea />跟隨光標左右跨越和div顯示文本 - 一堆定製JS將它們連接在一起,methinks。)

從ace.ajax。組織>歷史:

貝斯平開始作爲Mozilla實驗室的一部分,是基於 <canvas>標籤,而王牌是CLOUD9 IDE 的編輯器組件和使用DOM渲染。

2

你是對的:它更好。

是否有一個開源庫,它提供了[不使用瀏覽器處理可編輯文本的文檔編輯器,而是使用自定義編輯界面和佈局引擎,完全使用JavaScript]。

令人懷疑。

首先,編輯被戲稱爲「Kix」。它不是非HTML,但它不使用contentEditable,因爲它會吸引他們正在做的事情,就像你提到的那樣。它所做的工作很棘手,體積龐大,我確信這需要他們花費很大的努力去創造它。

那就是說,Google爲什麼要開源Kix?它削弱了他們成爲文檔中心的努力,這意味着他們必須做一些額外的工作,才能將Kix與Google文檔的其他部分分離開來,而且不會使其難以集成。好處?沒有太多,看到谷歌贊助的開源項目似乎不太可能以開發者參與改進的形式看到支持。

至於有人創建一個庫來做到這一點,我懷疑它會發生在開源中。通常來說,開源項目是大學或公司贊助的項目,而且由於上述原因,這種情況不太可能。然後,如果一個開發人員對此有興趣,就不知道它會去哪裏...

0

HTE,不幸的是它很慢並且遺漏了很多基本的選擇功能。

相關問題