CkEditor 图片与音频上传插件 Image and Audio Uploader For CkEditor(PHP) - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

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 For CkEditor(PHP) - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

使用说明

这个插件需要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

提取密码

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

" /> 插件 · 任刚 · Ren Gang - 我的设计笔记

插件    72

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

插件      

FancyBox – 利用FancyBox插件为WordPress图片增加灯箱展示效果

插件      

Carousel – 响应式轮播Banner插件 for Bootstrap(圆点导航、切换按钮、兼容手机)

插件      

Unslider – 响应式轮播Banner代码(自定义参数、支持键盘方向键、带切换按钮)

插件      

Chrome 插件:Proxy SwitchySharp —— 科学上网必备【插件篇】

插件      

头像插件 SVG Acatars – Generator jQuery Integrated Script

插件      

Lettering.JS – 网页字体排版插件

插件      

Any List Scroller – 无限循环列表滚动插件

插件      

酷炫动感 3D Banner 幻灯片切换插件“cu3ox”

插件      

Google Nexus Website Menu – 响应式菜单插件

插件      

Multi-Level Push Menu – 多级滑动响应式菜单插件

插件      

BLUEPRINT Slide and Push Menus – 响应式菜单插件

插件      

登 录 注 册