FckEditor上传音频视频

   在Fckeditor中加入上传音频视频功能,办法是通过扩展原来的flash上传来实现。过程中出现了乱码问题,现在把调试的过程记录下来。部分内容参考了“玉树临风真情无限”的日志。

         软件版本:FckEditor2.6.2;平台:Windows XP;数据库:MySQL。
1.  分别打开editor/js文件夹下的fckeditorcode_ie.js、fckeditorcode_gecko.js文件。将代码:
||/ \.swf($ | # | \ ? ) / i.test(A.src) 

替换为:

1 ||/ \.swf($ | # | \ ? ) / i.test(A.src) ||/ \.mpg($ | # | \ ? ) / i.test(A.src) ||/ \.asf($ | # | \ ? ) / i.test(A.src) ||/ \.wma($ | # | \ ? ) / i.test(A.src)
2
3 ||/ \.wmv($ | # | \ ? ) / i.test(A.src) ||/ \.avi($ | # | \ ? ) / i.test(A.src) ||/ \.mov($ | # | \ ? ) / i.test(A.src) ||/ \.mp3($ | # | \ ? ) / i.test(A.src)
4
5 ||/ \.rmvb($ | # | \ ? ) / i.test(A.src) ||/ \.mid($ | # | \ ? ) / i.test(A.src)
6

        这段代码用来判断文件后缀名,当然文件格式可以自定义,不过要考虑和其他地方相吻合。
2. 打开/editor/dialog/fck_flash/fck_flash.js文件。
2.1 增加以下程序代码,用来判断文件后缀名:

 1 function  WinPlayer(url) {
 2
 3var r, re;
 4
 5re = /.(avi|wmv|asf|wma|mid|mp3|mpg)$/i;
 6
 7= url.match(re);
 8
 9return r;
10
11}

12
13 function  RealPlayer(url) {
14
15var r, re;
16
17re = /.(.rm|.ra|.rmvb|ram)$/i;
18
19= url.match(re);
20
21return r;
22
23}

24
25 function  QuickTime(url) {
26
27var r, re;
28
29re = /.(mov|qt)$/i;
30
31= url.match(re);
32
33return r;
34
35}

36
37 function  FlashPlayer(url) {
38
39var r, re;
40
41re = /.swf$/i;
42
43= url.match(re);
44
45return r;
46
47}

48

2.2 替换两个地方的代码:一个在UpdatePreview()中,将:

SetAttribute( e, 'type', 'application / x - shockwave - flash' ) ;

替换为:

if (WinPlayer(GetE('txtUrl').value) != null )

SetAttribute( e, 'type', 'application
/x-mplayer2' ) ; 

}
 

if (RealPlayer(GetE('txtUrl').value) != null )

SetAttribute( e, 'type', 'audio
/x-pn-realaudio-plugin' ) ; 

}
 

if (QuickTime(GetE('txtUrl').value) != null )

SetAttribute( e, 'type', 'application
/video/quicktime' ) ; 

}
 

if (FlashPlayer(GetE('txtUrl').value) != null )

SetAttribute( e, 'type', 'application
/x-shockwave-flash' ) ; 

SetAttribute( e, 'pluginspage', 'http:
//www.macromedia.com/go/getflashplayer' ) ; 

}


另一个地方在UpdateEmbed()中,将:

SetAttribute( e, 'type' , 'application / x - shockwave - flash' ) ;

SetAttribute( e, 'pluginspage' , 'http:
// www.macromedia.com/go/getflashplayer' ) ;

替换为:

if (WinPlayer(GetE('txtUrl').value) != null ) {

SetAttribute( e, 'type' , 'application
/x-mplayer2' ) ; 

SetAttribute( e, 'autostart', GetE('chkAutoPlay').checked 
? 'true' : 'false' ) ;

}


if (RealPlayer(GetE('txtUrl').value) != null ) {

SetAttribute( e, 'type' , 'audio
/x-pn-realaudio-plugin' ) ; 

SetAttribute( e, 'autostart', GetE('chkAutoPlay').checked 
? 'true' : 'false' ) ;

}


if (QuickTime(GetE('txtUrl').value) != null ) {

SetAttribute( e, 'type' , 'video
/quicktime' ) ; 

SetAttribute( e, 'autostart', GetE('chkAutoPlay').checked 
? 'true' : 'false' ) ;

}


if (FlashPlayer(GetE('txtUrl').value) != null ) {

SetAttribute( e, 'type' , 'application
/x-shockwave-flash' ) ;

SetAttribute( e, 'pluginspage' , 'http:
//www.macromedia.com/go/getflashplayer' ) ;

}


3.打开/fckconfig.js文件,将:

FCKConfig.FlashUploadAllowedExtensions  =   " .(swf)$ "  ;  //  empty for all

替换为:

FCKConfig.FlashUploadAllowedExtensions  =   " .(swf|fla|mpg|asf|wma|wmv|avi|mov|mp3|rmvb|mid)$ "  ;  //  empty for all

      到此,基本功能已经完成。剩下的是一些细节的设置。
4. 其他设置
4.1 编辑框中文字的设置:打开/editor/lang/zh-cn.js 文件,将flash替换成想要显示的文字。
4.2 默认的音频视频播放效果是循环、自动播放、带操作menu的样式,可以通过设置来显示成想要的效果。方法还是在/editor/dialog/fck_flash/fck_flash.js文件,在UpdateEmbed()方法中,将对应的文件格式中的,

SetAttribute( e, 'play', GetE('chkAutoPlay').checked  ?  ' true ' : ' false ' )

替换为:


SetAttribute( e, 'autostart', GetE('chkAutoPlay').checked 
?  ' false ' : ' true ' ) ;

 

   
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行,互联网上很容易找到相关技术文档,国内许多WEB项目和大型网站均采用了FCKeditor。 FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。 “FCKeditor”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。 正如MS Office在个人PC上是最普及的文本编辑器一样,FCKeditor是使用最广泛的网页编辑器,所见即所得,简单易用,功能很不错。 首先需要说明的是,与通常意义上的编辑器不同,FCKeditor并不是一个需要安装的程序,或许说它是一个网页源代码更为贴切,所以,取而代之安装过程的是与网页源代码相集成的调用过程。 FCKeditor运行的环境是网页浏览器,基本上IE5.5以上,或者是其它浏览器如火狐、360、Chrome、QQ、Netscape等,都可以兼容。而它可以兼容并集成的网页代码格式也相当多,包括ASP、ASP.Net、PHP、Perl、Java等,支持格式之多,也是同类编辑器无法替代的。 在这一版本中我们完全实现了与轻松互联网开发平台的无缝整合,在平台中调用FCKeditor跟使用标签一样Easy(例子文件在_samples/editor目录下)。而且没给恶意攻击者留任何可能的漏洞。 另外,对重点功能也进行扩展,如上传文件和源代码高亮显示。上传文件不再需要专门的配置,直接使用即可,强化了上传图片、附件及目录管理功能,实现全汉语UI操作和实时预览。增加了插入Flash、媒体及视频功能,其操作仍然是同样地轻松。 Easy do it,轻松互联网开发平台(原WebEasy,简称轻开平台)是一个运行于JVM+HTTP(及HTTPS协议)的应用服务器开发平台。 轻开平台基于汉语的思维方式并巧妙地结合中英文思维方式的优点设计了一套轻松Easy的开发规则,用java语言开发实现为一个强大的开发平台,为开发者提供了一个直接轻松面向应用的开发环境。 轻开平台同时支持使用多个数据源和不同厂商提供的数据库服务器,只要支持JDBC访问及基于SQL规范的数据库(如:MySQL、SQLServer、Oracle、DB2、Teradata、SyBase等关系型数据库及基于SQL的大数据分析系统Vertica)。轻开平台能在一个应用系统中平等使用多个不同的数据库,而这只需要添加一个配置文件就轻松实现。“信息孤岛”在这儿就只剩下了一个传说! 轻开平台的低层开发语言是Java,也就是说Java能干啥轻开就能干啥,如JAVA能跨平台(操作系统)轻开就能跨平台。而开发者却不需要会Java! 轻开平台的最大优势就是Easy,基本上解决了传统开发的不能克服的由于应用需求变更而导致开发无法继续进行和前边提到的“信息孤岛”问题,基于轻开平台的直接好处是: • 加快开发进程:计算机诞生以来,软件开发一直是一项高深莫测的工作,被冠以“高科技”、“新技术”,导致信息化的门坎太高,IT技术不能普遍服务于大众,很难转化为生产力。Easy do it 正在突破这一障碍,让提出应用需求的用户直接参与互联网系统开发。只需会html和SQL,就能够完成Web应用系统开发,只需会json和SQL,就能够完成移动App服务器系统开发。这对每一位其他的行业的业务精英来说,简直就是“小菜一碟”,学会html、json和SQL语法远比进一步提高在本行业的业务水平更容易,您的智慧很快被“翻译”成互联网应用系统软件。 • 降低开发成本:无需雇佣高水平高薪的程序员,简化了需求到开发的环节; • 部署成本低:无需复杂的调试和配置; • 集成成本低:支持任何关系数据库(如:Mysql、MSSQL、DB2、Oracle……),可同时支持多个不同数据库,从源头上解决“信息孤岛”问题; • 资源成本低:PIII450/64M/10G以上PC即可高效地运行,基于轻开平台的应用系统,系统本身不再为自身庞大的体积而付出大部分资源,而是把IT资源更有效的服务于应用。 轻开平台干了些啥: 高夫数据分析App服务器:移动App服务器+大数据分析系统(Vertica),网址 http://182.92.150.191/; 通益车联网:移动App(及车载终端)服务器+大数据分析系统(Vertica),网址 http://103.249.252.247/; 达品客电子商务网:电子商务,网址 http://www.dapinke.com/; 北京简单和家官网:电子商务,网址 http://www.52jdhj.co

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值