ueditor bug修改

最新推荐文章于 2021-03-22 03:31:17 发布

原创最新推荐文章于 2021-03-22 03:31:17 发布 · 230 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端

该博客文章主要讨论了在使用Ueditor编辑器时遇到的视频第三方插入错误。作者详细分析了代码中关于视频插入的部分，并给出了修改后的代码片段，包括在`ueditor.all.js`中修改`insertvideo`命令，以及在`video.js`中创建预览视频的函数。这些更改旨在解决视频路径错误和播放问题。此外，还展示了在`ueditor.config.js`中配置的视频属性。

1、视频第三方插入bug

视频插入输入网址显示视频路径错误，编译器中也没有对应的视频播放。

ueditor\ueditor.all.js

 me.commands["insertvideo"] = {
        execCommand: function (cmd, videoObjs, type){
            videoObjs = utils.isArray(videoObjs)?videoObjs:[videoObjs];
            var html = [],id = 'tmpVedio', cl;
            for(var i=0,vi,len = videoObjs.length;i<len;i++){
                vi = videoObjs[i];
                cl = (type == 'upload' ? 'edui-upload-video video-js vjs-default-skin':'edui-faked-video');

                //html.push(creatInsertStr( vi.url, vi.width || 420,  vi.height || 280, id + i, null, cl, 'image')); //改前
                html.push(creatInsertStr( vi.url, vi.width || 420,  vi.height || 280, id + i, null, cl, 'video'));//改后
            }
            me.execCommand("inserthtml",html.join(""),true);
            var rng = this.selection.getRange();
            for(var i= 0,len=videoObjs.length;i<len;i++){
                var img = this.document.getElementById('tmpVedio'+i);
                domUtils.removeAttributes(img,'id');
                rng.selectNode(img).select();
                me.execCommand('imagefloat',videoObjs[i].align)
            }
        },
        queryCommandState : function(){
            var img = me.selection.getRange().getClosedNode(),
                flag = img && (img.className == "edui-faked-video" || img.className.indexOf("edui-upload-video")!=-1);
            return flag ? 1 : 0;
        }
    };

ueditor\ueditor.config.js

 	img:    ['src', 'alt', 'title', 'width', 'height', 'id', '_src','_url','loadingclass', 'class', 'data-latex','style', 'data-backh', 'data-backw', 'data-copyright', 'data-ratio', 'data-type', 'data-w', 'data-s','data-type'],//添加_url
         video:  ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width', 'class', 'style'],
        source: ['src', 'type'],//新增
        embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style'
                        , 'wmode', 'play', 'autoplay', 'loop', 'menu', 'allowscriptaccess', 'allowfullscreen', 'controls', 'preload'],//新增
        iframe: ['src', 'class', 'height', 'width', 'max-width', 'max-height', 'align', 'frameborder', 'allowfullscreen']//新增

ueditor\dialogs\video\video.js

 function createPreviewVideo(url){
        if ( !url )return;

        var conUrl = convert_https://blog.csdn.net/url(url);

        conUrl = utils.unhtmlForUrl(conUrl);

        /*$G("preview").innerHTML = '<div class="previewMsg"><span>'+lang.urlError+'</span></div>'+
        '<embed class="previewVideo" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"' +
            ' src="' + conUrl + '"' +
            ' width="' + 420  + '"' +
            ' height="' + 280  + '"' +
            ' wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true" controls="controls">' +
        '</embed>';*///改前
        $G("preview").innerHTML ='<video class="previewVideo" controls="controls" src="'+conUrl+'" style="width:420;height:280 "></video>'//改后
    }

https://www.cnblogs.com/swcffgh/p/14474596.html