美文网首页PHP编程让前端飞Web前端编程
百度编辑器监听视频上传-afterUpVideo

百度编辑器监听视频上传-afterUpVideo

作者: PlusNie | 来源:发表于2018-01-04 19:38 被阅读55次
    • 找到ueditor.min.js文件


      image.png
    • 找到方法b.execCommand("inserthtml",g.join(""),!0);在后边添加以下代码

      b.fireEvent('afterUpVideo',k);
      
    • 在前端js中添加实例话编辑器,添加afterUpVideo监听方法

      <script type="text/plain" id="editor1" style="display:none;"></script>
      <script type="text/javascript">   
            /*实例化编辑器*/
            var editor = UE.getEditor('editor', {
               autoHeightEnabled: false
            });
            /*监听视频上传*/
            editor.ready(function () {
                editor.hide();//隐藏编辑器
                //监视频片上传
              editor.addListener('afterUpVideo', function (t, arg) {
                  alert(JSON.stringify(arg));
              });
           });
            /*添加视频*/
            function upVideo() {
                //弹出视频上传的对话框
                var myVideo = editor.getDialog("insertvideo");
                myVideo.open();
            }
      </script>
      
    • 触发upVideo()点击事件可以看到如下效果


      image.png
    • 选择上传视频,添加视频,开始上传


      D5A547DC-819C-4C10-8E3D-81DA1A71380B.png
    • 点击确认,监听事件会提示如下弹框


      C3EBEA61-8550-44A9-9667-5854BB150E83.png

    相关文章

      网友评论

        本文标题:百度编辑器监听视频上传-afterUpVideo

        本文链接:https://www.haomeiwen.com/subject/ohkdnxtx.html