CKEditor是一個免費的、開源(GPL license)的HTML文本編輯器旨在簡化網站內容創作,支持從Excel複製粘貼數據,擁有先進的內容過濾、控件、自定義HTML格式等功能,豐富的API文檔,是一個成熟、可靠性高的產品,提供了100+的強大功能,如先進的文本格式、內置60多種語言、內容過濾等。
1、下載及初始化
https://ckeditor.com/download
訪問以上網站下載,下載完成後解壓文件並放到項目任意位置,在頁面中引入CKeditorjs文件。
在頁面中創建一個<textarea>元素,並設置id屬性。
<textarea name="editor1" id="editor1" rows="10" cols="80">This is my textarea to be replaced with CKEditor.</textarea>
輸入如下腳本代碼。
CKEDITOR.replace('editor1');
完成後在頁面打開測試,效果如下所示。
2、功能展示
①基本文本
②文檔編輯
③內聯編輯
④代碼編輯
⑤拖拽編輯
⑥Excel粘貼
⑦高級表格選擇
⑧Word粘貼
⑨圖片上傳
官方網站:
https://ckeditor.com/
API文檔:
https://sdk.ckeditor.com/
同時他也支持其他富文本編輯器所具備的基礎功能,如樣式調整、源代碼編輯、媒體嵌入、超鏈接、快捷鍵操作、自定義寬高、自定義工具欄、自定義小組件等,我比較喜歡的就是他的內聯編輯和Excel、Word粘貼,這是比較實用且大多富文本編輯器所沒有的功能。
相關推薦
這款只有 3.6M 的 APP,既是便籤,記事本,備忘錄,又是 Markdown、富文本編輯器
「可樂記」是一款非常簡約卻絲毫不簡陋的記事本類型的應用。您可以建立不同的文件夾來保存不同類型的記事(如工作、購物清單、娛樂等),切換時操作簡單,瀏覽記事內...
看萌新如何分析一款開源工具
原創: 萌新 合天智匯0x01最近發現老師傅發了一篇介紹宏病毒檢測的文章,躍躍欲試,也來照貓畫虎地分析一把。0x02先介紹下什麼是宏病毒。現在的大部分文字...
前端開發:一款快速、安全、可靠的電子表格組件(Handsontable)
Handsontable Community Edition (CE) 是一個開源的JavaScript電子表格組件,非常流行的web應用程序的UI組件,...
前端開發:一款基於bootstrap簡潔的顏色選擇器(colorpicker)
colorpicker是一款開源的顏色選擇插件,中規中矩,其外觀簡潔明瞭,通過這款顏色選擇插件,可以直接獲取顏色值,方便快捷,返回值提供hex、rgb、r...
前端開發:JavaScript 編輯器(二)
此文為大家推薦一些文本編輯器,希望對大家在前端道路中有所幫助!如果有更好的,也可以在下方留言哦!1、CodeMirror(瀏覽器端的代碼編輯器)2、qu...
一款堪稱完美的PDF編輯器,從此PDF編輯無需再轉成Word
PDF作為非常流行的文檔處理軟件,一般情況下,如果我們想要編輯或者修改PDF文件的內容,往往都是先轉成word,然後在word裡修改完再轉換成PDF,不過...
網站建設中曾經用過的十大文本編輯器
富文本編輯器,Rich Text Editor, 簡稱 RTE, 它提供類似於 Microsoft Word 的編輯功能,容易被不會編寫 HTML 的用戶...
PHP框架之ThinkPHP各模塊開發系列十,引入文本編輯器UEditor
在實際開發過程中,我們有時候需要對提交的文本內容進行修飾、編輯,所以我們常常會用到文本編輯器。本節我們來介紹一下一款編輯器UEditor。UEditor ...
文本編輯器漏洞及上傳漏洞如何防禦(五)最終篇
一、解析漏洞二、繞過上傳漏洞三、客戶端檢測四、服務端檢測五、文本編輯器上傳漏洞六、上傳漏洞的防禦今天介紹文本編輯器上傳漏洞以及上傳漏洞如何防禦,之前篇章可...
好用開源的富文本編輯器WangEditor
純javascript和css開發的 Web富文本編輯器, 輕量、簡潔、易用、開源免費。wangeditor默認效果創建編輯器<!-- 注意, 只需...
推薦中...