各类知识收集,PHP技术分享与解决方案各类知识收集,PHP技术分享与解决方案各类知识收集,PHP技术分享与解决方案

Str Tom,为分享PHP技术和解决方案,贡献一份自己的力量!
QQ:420220301 微信/手机:150-3210-7690
当前位置:首页 > CMS教程 > phpcms

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

管理员 2022-08-28
phpcms
302
由于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
 

希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 lecms, classcms, fastadmin, pbootcms, phpcms, eyoucms, yzmcms, PHP, xunruicms, jizhicms, dedecms, wordpress, hkcms, yzncms, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。

相关推荐

扫码关注

qrcode

QQ交谈

回顶部