光年模板说明文档
主题
字号
18px

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 (上传演示用)

点击查看 ckeditor富文本编辑器 在线演示

涉及的文件: