百度编辑器Ueditor添加上传本地音频MP3功能

发布于2019-11-12 06:46:37  分类:前端   阅读( 77 ) 

百度编辑器Ueditor默认不支持上传音频,仅支持搜索百度音乐再插入。如何添加上传本地音频MP3功能呢?

方法如下:修改ublic/vendor/ueditor/dialogs/video/video.js文件

        var count = uploadFile.getQueueCount();
        if (count) {
            $('.info', '#queueList').html('<span style="color:red;">' + '还有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');
            }
        }
    }

 具体位置如下图:

然后修改public/vendor/ueditor/ueditor.all.js,查找查找“UE.plugin.register('music',”

将后面三行注释,添加这一行:

'<audio class="edui-faked-music" controls="controls" src="'+ url+'" width="'+width+'" height="'+height+'" '+(align&&!cssfloat?'align="'+align+'"':"")+(cssfloat?'style="float:'+cssfloat+'"':"")+'>';

具体位置如下图:

效果如下:

最后更新于:2019-11-12 07:02:49


上一篇: 纳兰写相思,如此一往情深

下一篇: 高考语文必背篇目——原文+朗诵(完整版)


  • 最新评论(共1条)
  •  康志华 :利用原上传视频功能,判断格式,如果是音频格式的话则调用原来music的处理方法,这样就可以在原来插入视频的地方上传音频文件,并且自动判断格式选择正确的标签显示。
需要登录才能发表评论

加入组织

  • QQ
  • 1. 手Q扫左侧二维码

    2. 搜Q群:617719749

    3. 点击加入学习群

最新评论

  • 康志华3周前
  • 评论百度编辑器Ueditor添加上传本地音频MP3功能
  • 利用原上传视频功能,判断格式,如果是音频格式的话则调用原来music的处理方法,这样就可以在原来插入视频的地方上传音频文件,并且自动判断格式选择正确的标签显示。