CkEditor 图片与音频上传插件 Image and Audio Uploader For CkEditor(PHP)

, , , , , ,
13/09/2016    任刚    插件

分享一个编辑器的图片及音频上传插件,适用于CKEditor,插件作者CoursesWeb,任刚(rengang.org)编译整理,先放截图:

CkEditor 图片与音频上传插件 Image and Audio Uploader For CkEditor 任刚整理分享

Image and Audio Uploader是一个支持图片及音频(MP3、OGG、WAV)文件通过CKEditor编辑器上传到服务器的PHP脚本,并且可以在编辑内容中自动解析。

使用说明参见压缩包中的”readme.html”。

插件版本及兼容性

Version: 2.1

兼容支持:CKEditor 4.5、4.4、4.3、4.2
更新日志:27/09/2015 附加功能上传音频文件(MP3、OGG、WAV),将自动添加到CKEditor内容中。

Version: 1.1

兼容支持CKEditor 4.4、4.3、4.2
更新日志:29/08/2014 上传文件夹的路径现在相对于服务器上的网站根目录。

最新版本2.1,历史版本1.1,请根据需要下载,不会配置安装的可以右上角扫码添加任刚(rengang.org)微信(microspeaker)协助安装。

成功后上传音频文件就会是下图这样的:
CkEditor 图片与音频上传插件 Image and Audio Uploader 任刚整理分享

使用说明

这个插件需要PHP 5.4 +。如果你使用较早的PHP版本,需要在“imgbrowse /”文件夹找到imgbrowse.php

将第7行修改为:

protected $imgext = array(‘bmp’, ‘gif’, ‘jpg’, ‘jpe’, ‘jpeg’, ‘png’);

第18行修改为:

$re = array(‘menu’=>”, ‘imgs’=>”);

上传插件

解压插件后得到全部文件,上传至你的CKEditor编辑器安装目录的新文件夹 plugins/imgbrowse/

想要在你的CKEditor编辑器中使用该插件,你还需要在CKEditor配置中指定这些参数:

extraPlugins: ‘imgbrowse’ and filebrowserImageBrowseUrl

举个栗子

CKEDITOR.replace(‘IDtextarea’, {
‘extraPlugins’: ‘imgbrowse’,
‘filebrowserImageBrowseUrl’: ‘/path_to/ckeditor/plugins/imgbrowse/imgbrowse.html?imgroot=PATH_TO_IMAGE_FOLDER’,
});

自定义上传文件目录

当你没有在”imgbrowse.php”中配置图片文件夹路径时 (PATH_TO_IMAGE_FOLDER) 是必要的,请注意路径必须相对于服务器,以你的网站的根目录为例:”imgroot=/img_dir”

你可以在“plugins/imgbrowse/imgbrowse.php”中设置图片文件夹路径,找到“ $root property”(第6行),这种情况下你无需为 “filebrowserImageBrowseUrl” 添加 ?imgroot=PATH_TO_IMAGE_FOLDER

提取密码

温馨提示: 此处内容需要评论本文后才能查看.

「真诚赞赏,手留余香」

任刚 rengang.com.cn

赞助用于本站维护,手机长按识别二维码。

任刚(rengang.com.cn)整理分享,欣赏作品版权均归原作者所有,仅供学习交流。点击上方图标与好友分享!


发表评论

登 录 注 册