功夫码

解决百度编辑器ueditor支持上传mp3格式等音频文件的方法

晓峰 时间:2020-11-06 11:56:14 阅读:39
--------------------------------------------------------- Ta 只分享的内容开始 ---------------------------------------------------------------------

解决百度编辑器ueditor支持上传mp3格式等音频文件的方法


开始之前,我已经默认大家都可以正常的使用百度ue编辑器了。

第一步:

在页面加载百度编辑器配置文件的时候,选择ueditor.all.js。压缩版的修改起来麻烦。修改完成之后,可以自行的添加到ueditor.all.min.js压缩版里。

第二步:

打开ueditor.all.js文件,大约在17644行,找到代码function creatInsertStr(url,width,height,id,align,classname,type){...},函数creatInsertStr()就是处理点击加入到编辑器里面的方法。

原代码如下:

function creatInsertStr(url,width,height,id,align,classname,type){
    //...省略其他代码  
    case 'video':
var ext = url.substr(url.lastIndexOf('.') + 1);
if(ext == 'ogv') ext = 'ogg';
str = '<video' + (id ? ' id="' + id + '"' : '') + ' class="' + classname + ' video-js" ' + (align ? ' style="float:' + align + '"': '') +
    ' controls preload="none" width="' + width + '" height="' + height + '" src="' + url + '" data-setup="{}">' +
    '<source src="' + url + '" type="video/' + ext + '" /></video>';
break;
    }

11111.png

第三步:修改代码,将case 'video'里面代码修改为:

case 'video':
    var ext = url.substr(url.lastIndexOf('.') + 1);
    if(ext == 'ogv') ext = 'ogg';
    if(ext == 'mp3'){
        str = '<audio' + (id ? ' id="' + id + '"' : '') + ' class=" audio-js" ' + (align ? ' style="float:' + align + '"': '') +
            ' controls preload="none" width="' + width + '" height="' + height + '" src="' + url + '">" /></audio>';
    }else{
        str = '<video' + (id ? ' id="' + id + '"' : '') + ' class="' + classname + ' video-js" ' + (align ? ' style="float:' + align + '"': '') +
            ' controls preload="none" width="' + width + '" height="' + height + '" src="' + url + '" data-setup="{}">' +
            '<source src="' + url + '" type="video/' + ext + '" /></video>';
    }
    break;

QQ截图20201106115230.png

按照上面代码,就可以实现上传音频了。

--------------------------------------------------------- Ta 只分享了这些内容 ---------------------------------------------------------------------

本文来源:功夫码(gongfuma.com)
声明:本文系功夫码原创稿件,版权属[功夫码 gongfuma.com]所有。
未经授权不得转载,已经协议授权的媒体下载使用时须注明"稿件来源:功夫码",违者将依法追究责任。

相关文章

  • 回到顶部