百度編輯器監聽視頻上傳-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


原文:http://www.lxweimin.com/p/459589308fb7

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容