当前位置:首页 > Web开发 > 正文

并且自动判断格式选择正确的标签显示了

2024-03-31 Web开发

遇到一个项目,客户要求能在编纂框中上传录音文件。用的是Ueditor编纂器,但是却不撑持本地MP3上传并使用audio标签播放,只能搜索在线MP3,实在有点未便利。这里说一下怎么改削,,主要还是操作本来的【插入视频】的成果:

法式一:
上传视频的时候判断格局,如果是音频格局的话则挪用本来music的措置惩罚惩罚要领
需要改削文件:dialogsvideovideo.js
位置在于:查找“function insertUpload”,314摆布开始改削

if (count) { $(‘.info‘, ‘#queueList‘).html(‘<span>‘ + ‘还有2个未上传文件‘.replace(/[\d]/, count) + ‘</span>‘); return false; } else { var is_music = 0; var ext = file.url.split(‘.‘).pop().toLowerCase() ; var music_type = [‘mp3‘,‘wav‘]; for(var i in music_type){ if(music_type[i]== ext){ is_music = 1; } } if (is_music) { editor.execCommand(‘music‘, { url: uploadDir + file.url, width: 400, height: 95 }); } else { editor.execCommand(‘insertvideo‘, videoObjs, ‘upload‘); } }

法式二:
改削本来music插件返回的标签格局从embed改成audio,如果你引用的是ueditor.all.min.js则需要从头压缩一次
需要改削文件:ueditor.all.js
查找位置:查找“UE.plugin.register(‘music‘,”,23607摆布开始改削

function creatInsertStr(url,width,height,align,cssfloat,toEmbed){ return !toEmbed ? ‘<img ‘ + (align && !cssfloat? ‘align="‘ + align + ‘"‘ : ‘‘) + (cssfloat ? ‘style="float:‘ + cssfloat + ‘"‘ : ‘‘) + ‘ _url="‘+url+‘"‘ + ‘ src="http://www.mamicode.com/‘+me.options.langPath+me.options.lang+‘/images/music.png" />‘ : ‘<audio controls="controls" src="‘+ url+‘" ‘+(align&&!cssfloat?‘align="‘+align+‘"‘:"")+(cssfloat?‘style="float:‘+cssfloat+‘"‘:"")+‘>‘; // ‘<embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"‘ + // ‘ src="‘ + url + ‘" ‘+ (align && !cssfloat? ‘align="‘ + align + ‘"‘ : ‘‘) + // (cssfloat ? ‘style="float:‘ + cssfloat + ‘"‘ : ‘‘) + // ‘ wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true" >‘; }

这样就可以在本来插入视频的处所上传音频文件,并且自动判断格局选择正确的标签显示了

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31269.html