ckeditor富文本编辑器
富文本编辑器是几乎所有后台系统都会用到的,之所以不直接集成在模板项目中,是因为富文本编辑器的种类很多,有的都已经有十几M,而且每个人喜欢的都不一样,为了保证模板尽可能的小,将更多的富文本编辑器放到插件整合项目中,大家可以自己来选择使用哪一款。
这里ckeditor示例使用的版本是4.13.0,而ckeditor已有5的版本,大家可以尝试下。
github地址:https://github.com/ckeditor
文档地址:https://ckeditor.com/ckeditor-4/

<textarea id="testtextarea" name="testcontent"></textarea>
$(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 (上传演示用)
涉及的文件:
js/ckeditor/ckeditor.js