CKEditor5是一款非常实用的富文本編輯器，该軟件支持在线编辑网页，支持多个浏览器，支持多种脚本语言调用,如asp、asp.net、php、pl、jsp等，功能非常强大的一款在线HTML编辑器，需要的朋友快来本站下载吧!

CKEditor5簡介

CKEditor是全球最优秀的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛的被运用于各大网站.CKEditor5支持IE8以上、Netscape、Mozilla等多种浏览器.遵循LGPL版权,支持多种脚本语言调用,如asp、asp.net、php、pl、jsp 等,是目前市场使用广泛的一款在线HTML编辑器之一.

CKEditor5的用法和CKEditor4.0版本完全不同,而網上幾乎沒有比較完整的教程,而官網教程又都是英語,比較難入門,所以在使用CKEditor5的時候踩了許多坑,把自己踩坑過程簡單寫一下.

使用說明

開始使用

目录ckeditor5-build-classic-master\build下的ckeditor.js是打包好的库,可以直接引用去使用. 新建一个editor.html,基本使用代码如下:

定制自己的CKEditor5: 增删特性

雖然build目錄下的ckeditor.js可以直接使用,但是特性較少.下面開始定制自己的CKEditor5(注:本人對webpack打包不是很熟悉,本章節可能有問題,在打包使用過程遇到了問題,但用一些方法解決了).

首先需要的工具: npm,webpack;

了解文件:webpack.config.js,package.json,build-config.js,src/ckeditor.js;

ckeditor5上傳圖片

官方教程中上傳圖片有三種方法

(1):使用CKEditor自帶雲服務,圖片上傳到CKEditor服務器;

(2):使用ckfinder框架,在初始化CKEditor时,需要定义 ckfinder的uploadUrl参数,参数为上传到自己服务器的地址;

(3)自己写上传功能,定义UploadAdapter,实现upload()和 abort() 方法,并对UploadAdapter进行调用.

軟件特点

1、質量優秀

多年的連續測試驅動開發(5000多個測試)和代碼同行評審,讓一個成熟的産品擁有最高的可靠性.還有專用的核心開發團隊,以及活躍的開源社區支持的維持.

2、可訪問性

符合最新的Web可访问性标准(WCAG 2、508节,WAI-ARIA)同时使您能够创建可访问的内容,以及内置的辅助检查.

3、可定制性

自定义编辑器的每一个细节,定制您的需求,使用其强大的开发者友好的文档和丰富的JavaScript API.

4、創新思維

不斷引領創新領域的豐富文本編輯.把你的內容創作過程由Word粘貼等獨特功能的全面控制,引申到先進的內容過濾,控件,自定義HTML格式以及更多.

軟件功能

1、高級文本格式

從基本的格式使用預定義的文本格式,文本樣式和創建數學公式或漂亮的代碼片段.

2、完整的多語言支持

本地化爲超過60種語言,ckeditor支持從右到左的文本方向以及文本選擇分配一個特定的語言.

3、完全訪問

ckeditor符合最新的Web可訪問性標准(WCAG2.0,WAI-ARIA)可以訪問的內容,由于內置的輔助功能檢查器創建.

4、拼寫檢查

作爲你的類型,看到正確的拼寫錯誤而打字.拼錯的單詞,你可以簡單地選擇替換不正確的單詞建議.

5、窗口小部件

創新CKEditor功能使定制內容豐富的實體如標題圖片創作,通過將多個HTML元素的代碼片段或內容模板.

6、幹淨的代碼

CKEditor創建幹淨的代碼,符合標准和可讀性.你也可以包括您的自定義格式設置規則來完全控制你的HTML輸出.

7、高級粘貼

此功能使粘貼的內容直接從微軟Word和保持原有的內容,用幹淨的HTML輸出格式.

8、添加存儲庫和生成器

下載一個完美的定制的在線豐富的文本編輯器使用在線生成器,並輕松地集成額外的插件從庫中.

9、易于集成

CKEditor通過添加一個腳本到您的網頁.現成的zip安裝包之間選擇,你最喜歡的包管理器或CDN版本.

10、豐富的API

強大和廣泛的接口,讓您在運行時與編輯器交互,創建自定義功能,並將內容隨意操作.

11、完全可定制的

自定義CKEditor的每一個方面(如工具欄、調色板、皮膚、對話框、菜單、數據解析、造型、等)和調整你的需要.

12、先進的內容過濾

限制和調整輸入數據以對編輯器實例中允許的內容完全控制.