TinyMCE插件:RESPONSIVE filemanager 9 安装与配置

RESPONSIVE filemanager 功能:

文件上传

文件下载

重命名文件

删除文件

新建文件夹

为每个用户创建子目录

上传文件效果图:

TinyMCE插件:RESPONSIVE filemanager 9 安装与配置

浏览文件效果图:

TinyMCE插件:RESPONSIVE filemanager 9 安装与配置

文件说明:

TinyMCE插件:RESPONSIVE filemanager 9 安装与配置

filemanager(核心程序文件),放入TinyMCE的Plugins(插件)文件中

source(文件上传文件夹),放在任意位置,配合$upload_dir路径一起使用

thumbs(缩略图文件夹),放在任意位置,缩略图会自己生成,配合$thumbs_base_path路径一起使用

tinymce/plugins/responsivefilemanager(文件上传按钮),如路径所示添加至plugins文件夹,因TinyMCE自带的文件/图片管理按钮一次只能往编辑器中显示一个图片,所以插件用了一个全新的文件管理按钮来批量显示图片。

源代码主要结构介绍

dialog.php用于界面显示

js/include.js用于前台向后台提交请求(如删除、重命名等)

force_download.php下载文件

execute.php接受前台请求,调用相应的include/utils.php中的方法

include/utils.php真正创建、重命名、删除等功能的实现

lang实现本地化的语言

结构图

TinyMCE插件:RESPONSIVE filemanager 9 安装与配置

安装 内容编辑页面中的TinyMCE调用代码加入以下语法

tinymce.init({ ... ... relative_urls: false, //如果选项置为 true,返回的URL将会是基于 document_base_url 的相对链接。如果置为 false,所有的URL会被转换成绝对路径。 plugins: [ "... image ...", "...", 'responsivefilemanager', ], image_advtab: true, //开启图片上传的高级选项功能 external_filemanager_path: '.../.../filemanager/', //外部插件绝对路径 filemanager_title: 'Responsive Filemanager', //外部插件标题 external_plugins: { 'filemanager': '.../.../filemanager/plugin.min.js' }, //外部插件js配置文件 toolbar1: "... | ... | responsivefilemanager image ... | ...", //工具栏配置 });

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwdpps.html