美文网首页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