Drupal 10 的所見即所得編輯器CKEditor5新功能介紹
Drupal 10默認啟用新的所見即所得編輯器CKEditor 5♀☿☼☀☁☂☄,所見即所得編輯器目前越來越多的軟件使用CKEditor⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ,之前國內百度編輯器比較火웃유ღ♋♂,但是由于百度放棄了項目⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ,整個百度編輯器已經2年不更新了☾☽❄☃,所以新的項目根本沒有辦法使用웃유ღ♋♂,因此❻❼❽❾❿⓫⓬⓭⓮⓯⓰,CKEditor 也成了最可靠的所見即所得編輯器的選擇☈⊙☉℃℉❅,尤其是國外❻❼❽❾❿⓫⓬⓭⓮⓯⓰,英文網站的開發更要選擇CKEditor✵✶✷✸✹✺✻✼❄❅。
CKEditor 5默認升級了很多新功能ⓚⓛⓜⓝⓞⓟⓠⓡⓢ,比CK Editor 4強大了不少☾☽❄☃,基本上算是不同時代的一個產品㈠㈡㈢㈣㈤㈥㈦,所以很有必要升級CKEditor 5ⅲⅳⅴⅵⅶⅷⅸⅹⒶⒷⒸⒹ,本文就CKEditor 5的新功能做一個簡單的介紹♦☜☞☝✍☚☛☟✌✽✾✿❁❃,供大家參考⒜⒝⒞⒟⒠⒡⒢⒣⒤。

CKEditor 5 的新功能
#1 多人協作
用戶可以多人協作ⓣⓤⓥⓦⓧⓨⓩ,并且可以track每個用戶修改的內容㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂,有版本管理⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓、協作管理的功能⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯,并且每個版本的修改可以加上說明♀☿☼☀☁☂☄,這樣方便追蹤以及多人協作的⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ,共通錄入內容✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴。

#2 內容導出
CKEditor 本身是內容的編輯☾☽❄☃,將輸入的HTML存入到數據庫⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ,但是有時候✺ϟ☇♤♧♡♢♠♣♥,我們需要將內容導出成PDF發郵件或者分享웃유ღ♋♂,或者導出成Word⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯,或者導出成MarkDown格式的文件㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂,CKEditor 5新功能都支持⓱⓲⓳⓴⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾,可以將我們寫好的內容隨時導出成各種格式⑰⑱⑲⑳⓪⓿❶❷❸❹❺,方面分享或者與其他系統集成ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ。
另外☾☽❄☃,CKEditor 5默認支持直接存儲Markdown格式的文件到數據庫❻❼❽❾❿⓫⓬⓭⓮⓯⓰。

#3 模板化
一般的內容格式化可以支持內容的各種操作㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉,圖片也可以支持圖片的插入⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓,但是如何插入一塊內容㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂?我們可以使用代碼塊(code block)❻❼❽❾❿⓫⓬⓭⓮⓯⓰,這樣可以支持模板的操作✺ϟ☇♤♧♡♢♠♣♥,把常用的code block㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉,直接插入進來㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂,實現模板的操作♀☿☼☀☁☂☄。

#4 自定外觀和發行版
CKEditor 5本身提供了很多預定義的界面樣式和工具包✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴,但是CKEditor 5還提供了在線Builder工具ⓣⓤⓥⓦⓧⓨⓩ,我們可以直接build出自己想要的一個界面版本㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂,自定義使用ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ,比如下面的樣式☧☬☸✡♁✙♆。,、':∶;,
在線編輯器的地址:https://ckeditor.com/ckeditor-5/online-builder/

#5 多平臺操作性
作為網站的一個編輯器⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ,我們之前比較難的就是從Word黏貼內容⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓,CKEditor 5完全支持這個功能⑰⑱⑲⑳⓪⓿❶❷❸❹❺,不僅僅支持從Word互相黏貼⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓,還支持從Google Doc黏貼㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉,完全實現跨越平臺的操作웃유ღ♋♂。

#6 兼容性
最后웃유ღ♋♂,就是兼容性㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉,CKEditor 5完全兼容4版本①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯,因此內容的遷移✵✶✷✸✹✺✻✼❄❅、編輯器的升級操作完全不用擔心⒜⒝⒞⒟⒠⒡⒢⒣⒤,具體的升級指南☧☬☸✡♁✙♆。,、':∶;,可以參考官網的鏈接⒜⒝⒞⒟⒠⒡⒢⒣⒤。
https://ckeditor.com/docs/ckeditor5/latest/installation/getting-started/...
最后❣❦❧♡۵,各個系統的具體實現⓱⓲⓳⓴⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾,可以參考我們下面的相關文章㈠㈡㈢㈣㈤㈥㈦,對于表單☧☬☸✡♁✙♆。,、':∶;、考試⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯、視頻웃유ღ♋♂、網站的建設方案❣❦❧♡۵。
2. 在線視頻教育學習平臺介紹