CKEditor

1.1、CKEditor简介

是什么 ?	`:`	`a powerful rich text editor framework with a modular architecture, modern integrations and features like collaborative editing.`
开发语言	`:`	JavaScript
官方主页	`:`	http://ckeditor.com
源码仓库	`:`	https://github.com/ckeditor

1.2、通过开源CDN引入CKEditor

jsDelivr⤵︎

<script src="https://cdn.jsdelivr.net/npm/ckeditor@4.12.1/adapters/jquery.js"></script>
<script src="https://cdn.jsdelivr.net/npm/ckeditor@4.12.1/ckeditor.min.js"></script>

BootCDN⤵︎

<script src="https://cdn.bootcss.com/ckeditor/4.12.1/adapters/jquery.js"></script>
<script src="https://cdn.bootcss.com/ckeditor/4.12.1/ckeditor.js"></script>

1.3、通过下载到本地引入CKEditor

step1、通过包管理器安装CKEditor

包管理器	安装命令
bower	`bower install ckeditor --save`
npm	`npm install ckeditor --save`
yarn	`yarn add ckeditor`

step2、在HTML代码中引入JavaScript

<script src="/bower_components/ckeditor/adapters/jquery.js"></script>
<script src="/bower_components/ckeditor/ckeditor.js"></script>

1.4、使用CKEditor

<textarea id="TextArea1" cols="20" rows="2" class="ckeditor"></textarea>

1.5、配置CKEditor

CKEditor的配置都集中在ckeditor/config.js。