百度编辑器监听视频上传-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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容