QQ咨询 官方微信

添加微信好友

官方小程序

百度小程序

微信小程序

头条小程序

关于我们

PHPCMS

PHPCMS V9编辑器中新增上传视频按钮(去掉flash上传)

 admin  2022-06-01 07:27:45
由于PHPCMS v9默认的编辑器中上传的视频插入的是embed标签使用的是flash播放器,手机端无法播放,所以来改造下,让其上传视频并插入HTML5的video标签,这样电脑端的主流浏览器和手机端能都播放,当然也可以参考本文修改进而支持ckplayer、cuplayer等播放器。
 
修改步骤(为防止与其它按钮混淆和去除无用插件,这里去除了原编辑器中插入flash和视频的按钮):
一、打开statics/js/ckeditor/config.js文件第16行,修改成如下代码:
  1. config.extraPlugins = 'capture,video'
二、复制statics/js/ckeditor/plugins/目录下的flashplayer目录并修改目录名称为video,然后删除video目录下的player目录。
 
三、修改statics/js/ckeditor/plugins/video/目录下的plugin.js文件为如下代码:
  1. CKEDITOR.plugins.add('video', { 
  2.     init: function(editor) { 
  3.         //plugin code goes here 
  4.         var pluginName = 'video'
  5.         CKEDITOR.dialog.add('video',  function(a) { 
  6.             var b = a.config; 
  7.             var  escape  =   function(value) {         
  8.                 return  value;     
  9.             };     
  10.             return  {         
  11.                 title:   '插入MP4视频'
  12.                         resizable:  CKEDITOR.DIALOG_RESIZE_BOTH, 
  13.                         minWidth: 350, 
  14.                 minHeight: 200, 
  15.                         contents:  [{           
  16.                     id: 'info'
  17.                     label: '常规'
  18.                     accessKey: 'P'
  19.                     elements: [{ 
  20.                         type: 'hbox'
  21.                         widths: ['80%''20%'], 
  22.                         children: [{ 
  23.                             id: 'src'
  24.                             type: 'text'
  25.                             label: '源文件' 
  26.                         }, { 
  27.                             type: 'button'
  28.                             id: 'browse'
  29.                             filebrowser: 'info:src'
  30.                             hidden: true
  31.                             align: 'center'
  32.                             label: '浏览服务器' 
  33.                         }] 
  34.                     }] 
  35.                 }, { 
  36.                     id: 'Upload'
  37.                     hidden: true
  38.                     filebrowser: 'uploadButton'
  39.                     label: '上传视频'
  40.                     elements: [{ 
  41.                         type: 'file'
  42.                         id: 'upload'
  43.                         label: '上传视频'
  44.                         size: 38 
  45.                     }, { 
  46.                         type: 'fileButton'
  47.                         id: 'uploadButton'
  48.                         label: '上传到服务器上'
  49.                         filebrowser: 'info:src'
  50.                         'for': ['Upload''upload'//'page_id', 'element_id' 
  51.                     }]         
  52.                 }], 
  53.                         onOk:   function() {  
  54.                     mysrc  =  this.getValueOf('info',  'src');          
  55.                     html  =  ''  +  escape(mysrc)  +  '';                                
  56.                     a.insertHtml("<video src=\""  +  html  +  "\" controls=\"controls\">您的浏览器版本过低,请先升级。</video>");         
  57.                 }, 
  58.                         onLoad:   function() {        }     
  59.             }; 
  60.         }); 
  61.         editor.addCommand(pluginName, new CKEDITOR.dialogCommand(pluginName)); 
  62.         editor.ui.addButton('video', { 
  63.             label: '插入mp4视频'
  64.             command: pluginName, 
  65.             icon: this.path + 'icon.png' 
  66.         }); 
  67.     } 
  68. }); 

 

四、修改phpcms/libs/classes/form.class.php文件第33行为如下代码:
  1. ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],['ShowBlocks'],['Image','Capture','video'],['Maximize'], 

 

五、最后清除浏览器缓存就可以了。
 


本文转自:https://blog.csdn.net/wang178yang/article/details/89601231
 
本文《PHPCMS V9编辑器中新增上传视频按钮(去掉flash上传)》发布于石头博客文章,作者:admin,如若转载,请注明出处:https://www.pweb123.com/cms/phpcms/838.html,否则禁止转载,谢谢配合!

文章点评

我来说两句 已有0条评论
点击图片更换
小程序插件

PHPcms小程序插件

phpcms小程序插件万能接口,支持一键授权登录

Pbootcms小程序插件

Pbootcms小程序插件,支持一键授权登录

迅睿cms小程序插件

xunruicms小程序插件,简单易学,专为小白设计

dedecms小程序插件

不需要php基础,只需要div+css就可,方便简单

添加微信好友

添加微信好友

微信小程序

百度小程序