利用Fckeditor插入wmv,wma,mp3,avi等视频文件

What is Web编程 Readers Blog?

Web编程 Readers Blog集中了Web资深程序员的技巧和实战经验，涵盖了Web编程的全部范围: 3P(ASP, JSP, PHP) web编程技术，MySQL数据库开发，服务器网络安全和DIV+CSS布局等，提供一些优秀的编程源码，使您的Web编程学习之路更加平坦。

浏览模式: 标准 | 列表

利用Fckeditor插入wmv,wma,mp3,avi等视频文件

Submitted by 作者: admin 2008-06-16 12:14:08

Fckeditor不久前刚刚发布了最新的版本2.5，功能又进一步强化，可以插入wmv,wma,mp3,avi等视频文件。

要说明一下，第一步中的D.src.endsWith('.swf',true) 在以前的版本可能为C.src.endsWith('.swf',true)。

修改前注意备份文件，以免造成不必要的麻烦。

一、分别打开:editor/js/fckeditorcode_ie_1.js和/editor/js/fckeditorcode_gecko_1.js

找到程序代码

以下是代码片段：
D.src.endsWith('.swf',true)

替换为:

以下是代码片段：
D.src.endsWith('.swf',true) || D.src.endsWith('.mpg',true) || D.src.endsWith
('.asf',true) || D.src.endsWith('.wma',true) || D.src.endsWith('.',true) ||
D.src.endsWith('.avi',true) || D.src.endsWith('.mov',true) || D.src.endsWith
('.mp3',true) || D.src.endsWith('.rm',true) || D.src.endsWith('.ra',true) || D.
src.endsWith('.rmvb',true) || D.src.endsWith('.mid',true) || D.src.endsWith
('.ram',true)

文件格式你根据实际情况增加，基本上面的几种已经可以满足需要了。

二、打开/editor/dialog/fck_flash/fck_flash.js

1、增加程序代码

以下是代码片段：
function WinPlayer(url){
    var r, re;
    re = /.(avi||asf|wma|mid|mp3|mpg)$/i;
    r = url.match(re);
    return r;
}

function RealPlayer(url){
    var r, re;
    re = /.(.rm|.ra|.rmvb|ram)$/i;
    r = url.match(re);
    return r;
}

function QuickTime(url){
    var r, re;
    re = /.(mov|qt)$/i;
    r = url.match(re);
    return r;
}

function FlashPlayer(url){
    var r, re;
    re = /.swf$/i;
    r = url.match(re);
    return r;
}

2、替换程序代码

以下是代码片段：
e.type = 'application/x-shockwave-flash' ;

为

以下是代码片段：
if(WinPlayer(GetE('txtUrl').value)!=null){
    e.type = 'application/x-mplayer2' ;
}
if(RealPlayer(GetE('txtUrl').value)!=null){
    e.type = 'audio/x-pn-realaudio-plugin' ;
}
if(QuickTime(GetE('txtUrl').value)!=null){
    e.type = 'video/quicktime' ;
}
if(FlashPlayer(GetE('txtUrl').value)!=null){
    e.type = 'application/x-shockwave-flash' ;
    e.pluginspage = 'http://www.macromedia.com/go/getflashplayer' ;
}

3、替换程序代码

以下是代码片段：
SetAttribute( e, 'type', 'application/x-shockwave-flash' ) ;
SetAttribute( e, 'pluginspage' , 'http://www.macromedia.com/go/getflashplayer' ) ;

为

以下是代码片段：
if(WinPlayer(GetE('txtUrl').value)!=null){
    e.type = 'application/x-mplayer2' ;
    SetAttribute( e, 'autostart', GetE('chkAutoPlay').checked ? 'true' : 'false' ) ;
}
if(RealPlayer(GetE('txtUrl').value)!=null){
    e.type = 'audio/x-pn-realaudio-plugin' ;
    SetAttribute( e, 'autostart', GetE('chkAutoPlay').checked ? 'true' : 'false' ) ;
}
if(QuickTime(GetE('txtUrl').value)!=null){
    e.type = 'video/quicktime' ;
    SetAttribute( e, 'autostart', GetE('chkAutoPlay').checked ? 'true' : 'false' ) ;
}
if(FlashPlayer(GetE('txtUrl').value)!=null){
    e.type = 'application/x-shockwave-flash' ;
    SetAttribute( e, 'scale', GetE('cmbScale').value ) ;
    SetAttribute( e, 'menu', GetE('chkMenu').checked ? 'true' : 'false' );
    SetAttribute( e, 'play', GetE('chkAutoPlay').checked ? 'true' : 'false' ) ;
}

三、分别打开editor\filemanager\browser\default\connectors\和editor\filemanager\upload\下的config.文件
1、替换程序代码
找到程序代码

以下是代码片段：
$Config['AllowedExtensions']['Flash'] = array('swf','fla') ;
$Config['DeniedExtensions']['Flash'] = array() ;

替换为:

以下是代码片段：
$Config['AllowedExtensions']['Flash'] = array('swf','fla','wma','','avi','rmvb','ram') ;
$Config['DeniedExtensions']['Flash'] = array() ;

改完代码后,在编辑器哪个地方插入wma, ,avi,rmvb,ram等格式的媒体影片？
用插入FLASH的按钮就可以插入了，原来的FLASH仍然是可以用.

Web编程 Readers Blog

create the blog for Web编程 scholars

What is Web编程 Readers Blog?