ckeditor富文本编辑器 富文本编辑器是几乎所有后台系统都会用到的，之所以不直接集成在模板项目中，是因为富文本编辑器的种类很多，有的都已经有十几M，而且每个人喜欢的都不一样，为了保证模板尽可能的小，将更多的富文本编辑器放到插件整合项目中，大家可以自己来选择使用哪一款。 这里ckeditor示例使用的版本是4.13.0，而ckeditor已有5的版本，大家可以尝试下。 github地址：https://github.com/ckeditor 文档地址：https://ckeditor.com/ckeditor-4/  ```html <textarea id="testtextarea" name="testcontent"></textarea> ``` ```javascript $(document).ready(function(){ CKEDITOR.replace('testcontent', { // 配置可放在config.js中 // 成功返回格式{"uploaded":1,"fileName":"图片名称","url":"图片访问路径"} // 失败返回格式{"uploaded":0,"error":{"message":"失败原因"}} image_previewText: ' ', filebrowserImageUploadUrl: "upload.php?type=ckeditor" }); }); ``` 插件项目中页面名字：`test_ckeditor.html` `test_ckeditor_v4.html` `upload.php` (上传演示用) [点击查看 ckeditor富文本编辑器 在线演示](http://example.itshubao.com/example/96.html "点击查看 ckeditor富文本编辑器 在线演示") 涉及的文件： - `js/ckeditor/ckeditor.js`