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

• 找到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

---

原文：www.jianshu.com/p/459589308…

转载于:https://juejin.im/post/5aa770556fb9a028bd4bfbe0