|
在現(xiàn)代Web系統(tǒng)大流行時(shí)代，一款功能強(qiáng)大而切支持協(xié)作的Web的富文本編輯器是系統(tǒng)的最關(guān)鍵的組成部分。一款可真正在生產(chǎn)環(huán)境中使用的即插即用編輯器，可以能夠解決我們實(shí)時(shí)協(xié)作問(wèn)題：通過(guò)瀏覽器編輯結(jié)構(gòu)化文檔，并在屏幕上顯示彼此的更改，從而使相隔數(shù)千里的用戶(hù)能夠進(jìn)行協(xié)作編輯。本文我們就來(lái)介紹一些這樣的Web編輯器。 TinyMCETinyMCE是一款輕量級(jí)所見(jiàn)即所得開(kāi)源Web編輯器，基于LGPL license發(fā)布可以更好的用于商業(yè)產(chǎn)品中。TinyMCE支持AJAX，具有配置簡(jiǎn)便，加載速度快的特點(diǎn)。 TinyMCE的使用方法非常簡(jiǎn)單，只需在Html頁(yè)面中增加兩行即可： <script src='tinymce.min.js'> </script> <script> tinymce.init({ selector: 'textarea' }); </script> </head> <body> <textarea> TinyMCE是一款輕量級(jí)所見(jiàn)即所得開(kāi)源Web編輯器… </textarea> </body> WaxWax是由Coko Foundation旗下的編輯器，之前是基于Substance上構(gòu)建，現(xiàn)在用ProseMirror重建。Wax功能豐富，最初是為加利福利亞大學(xué)出版社書(shū)籍制作應(yīng)用程序Editoria而構(gòu)建的，它支持筆記，跟蹤更改，查找和替換，列表，裝飾等。但是Wax沒(méi)有在線(xiàn)實(shí)時(shí)的協(xié)作支持，需要基于第三方插件才行。 Texturetexture是一個(gè)非常專(zhuān)業(yè)的開(kāi)源的科學(xué)內(nèi)容編輯器，用于生成JATS格式的專(zhuān)業(yè)科學(xué)內(nèi)容（期刊文章的XML標(biāo)準(zhǔn)）。texture開(kāi)放許可證，支持表格，圖像，對(duì)數(shù)學(xué)的深入支持，參考和交叉引用，列表，元數(shù)據(jù)支持，列表繼續(xù)等非常棒的功能。唯一的問(wèn)題是和Wax一樣缺乏實(shí)時(shí)協(xié)作功能。 CKEditor 5CKEditor 5 是一款高質(zhì)量Web編輯器最新版本。CKEditor最初名字叫FCKeditor，開(kāi)始于2002年，在互聯(lián)網(wǎng)拓荒年代就已經(jīng)誕生并且開(kāi)疆拓土了。從第三版本為了更加開(kāi)放，成了Open Development Effort項(xiàng)目來(lái)促進(jìn)CKEditor開(kāi)源、協(xié)作和參與，F(xiàn)CKeditor正式改名為CKEditor。 CKEditor 5則是更進(jìn)一步，從其設(shè)計(jì)之初就是充分開(kāi)源，甚至Github就有一個(gè)專(zhuān)門(mén)的ckeditor5-design 倉(cāng)庫(kù)來(lái)做CKEditor 5設(shè)計(jì)和早期的開(kāi)發(fā)。 CKEditor 5界面非常時(shí)尚美觀。以GPL開(kāi)源協(xié)議發(fā)布，支持圖像，表格，列表，通過(guò)插件支持?jǐn)?shù)學(xué)公式，它支持與遠(yuǎn)程光標(biāo)和選擇的實(shí)時(shí)協(xié)作。 但是，實(shí)時(shí)協(xié)作功能都是通官方云服務(wù)和一些收費(fèi)插件實(shí)現(xiàn)的。 CKEditor 5完全離線(xiàn)支持使用，但是一些高級(jí)功能（Inline，Balloon，Document版本）都需要遠(yuǎn)程支持。 移動(dòng)支持也是如此，正在進(jìn)行全面支持的工作。 Atlaskit大約一年前，Atlassian推出并開(kāi)源了自己的Atlaskit編輯器。Atlaskit包括一個(gè)完全成熟的生成可用的基于ProseMirror的Web編輯器。 Atlaskit和Atlassian可能大家都很少聽(tīng)說(shuō)過(guò)，但是說(shuō)起JIRA大家可能耳聞能熟。Confluence WIKI也不會(huì)陌生。還有協(xié)助工具Trello可能也都用過(guò)。 Atlaskit編輯器是以Apache 2.0授權(quán)，這是一個(gè)非常寬松的開(kāi)源許可證。它支持圖像，表格和列表，而且對(duì)表格操支持實(shí)現(xiàn)相當(dāng)棒，這是大多數(shù)編輯器都非常缺乏的，看下面動(dòng)圖： 遺憾的是Atlaskit本身沒(méi)有內(nèi)置對(duì)數(shù)學(xué)公式輸入的自持，但由于該編輯器本身是基于ProseMirror的，因此以插件形式添加也容易。 Atlaskit支持與遠(yuǎn)程游標(biāo)和選擇的實(shí)時(shí)協(xié)作，離線(xiàn)編輯支持非常完善。實(shí)時(shí)協(xié)作可以用于數(shù)百萬(wàn)用戶(hù)生產(chǎn)環(huán)境上使用。移動(dòng)端支持也很好。 Atlaskit編輯器中使用的徽標(biāo)圖標(biāo)，以及許多其他Atlaskit組件，都基于ADG許可發(fā)布，該許可聲明限制不能在Atlassian Universe之外使用它們。特別是圖標(biāo)被廣泛使用并緊密集成到編輯器中。 Atlaskit的編輯器因?yàn)槎鄻踊?，開(kāi)放和ProseMirror社區(qū)支持，是個(gè)目前最好的開(kāi)源協(xié)作Web編輯器。 結(jié)論構(gòu)建一個(gè)基于Web的系統(tǒng)，其中編輯器中的實(shí)時(shí)協(xié)作是關(guān)鍵組件，本文我們介紹了幾個(gè)這樣的即插即用的開(kāi)源協(xié)作Web編輯器,其中一些需要實(shí)際上還不能稱(chēng)做協(xié)作編輯器，需要通過(guò)添加插件或者自寫(xiě)協(xié)作服務(wù)器組件的方式才能實(shí)現(xiàn)，而CKEditor和Atlaskit則完整實(shí)現(xiàn)了良好體驗(yàn)的在線(xiàn)實(shí)時(shí)協(xié)作功能。 |
|
|
