实现CKEDITOR图像浏览与上传

CKEditor 编辑器一款不错的互联网在线编辑器,但其图像上传功能,这里提供2个官方插件实现 CKEditor 的图像浏览与上传功能。

Image Browse

http://ckeditor.com/addon/imgbrowse

Image Uploader

http://ckeditor.com/addon/imgupload

下载之后,将他们放到 ckeditorplugins 目录下,注意各自配置下他们文件路径。

配置 imgupload 的图片上传路径:

$upload_dir = '/uploads/images/';

配置 imgbrowse 的图片浏览路径:

protected $root = '/uploads/images/';

完成之后,再配置一下 ckeditorconfig.js,位于 /ckeditor/config.js 文件中:

CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';
    config.image_previewText=' ';
    config.filebrowserImageUploadUrl = "/assets/lib/ckeditor/plugins/imgupload/imgupload.php"; 
    config.filebrowserBrowseUrl = "/assets/lib/ckeditor/plugins/imgbrowse/imgbrowse.html?imgroot=/uploads/images/";
};

标签:ckeditor