频道导航

• ▸ PHP
• ▸ Java
• ▸ Java SE
• ▸ Python
• ▸ C#
• ▸ C&C++
• ▸ Ruby
• ▸ VB
• ▸ asp.Net
• ▸ Go
• ▸ Perl
• ▸ netty
• ▸ Django
• ▸ Delphi
• ▸ Jsp
• ▸ .NET Core
• ▸ Spring
• ▸ Flask
• ▸ Springboot
• ▸ SpringMVC
• ▸ Lua
• ▸ Laravel
• ▸ Mybatis
• ▸ Asp
• ▸ Groovy
• ▸ ThinkPHP
• ▸ Yii
• ▸ swoole
• ▸ HTML
• ▸ HTML5
• ▸ JavaScript
• ▸ CSS
• ▸ jQuery
• ▸ Bootstrap
• ▸ Angularjs
• ▸ TypeScript
• ▸ Vue
• ▸ Dojo
• ▸ Json
• ▸ Electron
• ▸ Node.js
• ▸ extjs
• ▸ Express
• ▸ XML
• ▸ ES6
• ▸ Ajax
• ▸ Flash
• ▸ Unity
• ▸ React
• ▸ Flex
• ▸ Ant Design
• ▸ Web前端
• ▸ 微信小程序
• ▸ 微信公众号
• ▸ iOS
• ▸ Android
• ▸ Swift
• ▸ Hybrid
• ▸ Cocos2d-x
• ▸ Flutter
• ▸ Xcode
• ▸ Silverlight
• ▸ cocoa
• ▸ Cordova

• 前端之家
• JavaScript
• 使用JavaScript为Kindeditor自定义按钮增加Audio标签

'
].join('');
var dialog = self.createDialog({
name : name,width : 450,height : 230,title : self.lang(name),body : html,yesBtn : {
name : self.lang('yes'),click : function(e) {
var url = K.trim(urlBox.val()),width = widthBox.val(),height = heightBox.val();
if (url == 'http://' || K.invalidUrl(url)) {
alert(self.lang('invalidUrl'));
urlBox[0].focus();
return;
}
if (!/^\d$/.test(width)) {
alert(self.lang('invalidWidth'));
widthBox[0].focus();
return;
}
if (!/^\d$/.test(height)) {
alert(self.lang('invalidHeight'));
heightBox[0].focus();
return;
}
var html = '

<audio src="'+url+'" controls="controls">

';
self.insertHtml(html).hideDialog().focus();
}
}
}),div = dialog.div,urlBox = K('[name="url"]',div),viewServerBtn = K('[name="viewServer"]',widthBox = K('[name="width"]',heightBox = K('[name="height"]',autostartBox = K('[name="autostart"]',div);
urlBox.val('http://');

  if (allowMediaUpload) {
    var uploadbutton = K.uploadbutton({
      button : K('.ke-upload-button',div)[0],fieldName : 'imgFile',url : K.addParam(uploadJson,'dir=au<a href="https://www.jb51.cc/tag/dio/" target="_blank" class="keywords">dio</a>'),afterUpload : function(data) {
        dialog.hideLoading();
        if (data.error === 0) {
          var url = data.url;
          if (formatUploadUrl) {
            url = K.formatUrl(url,'absolute');
          }
          url<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>.val(url);
          if (self.afterUpload) {
            self.afterUpload.call(self,url);
          }
          alert(self.lang('uploadSuccess'));
        } else {
          alert(data.message);
        }
      },afterError : function(html) {
        dialog.hideLoading();
        self.errorDialog(html);
      }
    });
    uploadbutton.file<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>.change(function(e) {
      dialog.showLoading(self.lang('uploadLoading'));
      uploadbutton.submit();
    });
  } else {
    K('.ke-upload-button',div).hide();
  }

  if (allowFileManager) {
    viewServerBtn.click(function(e) {
      self.loadPlugin('filemanager',function() {
        self.plugin.filemanagerDialog({
          viewType : 'LIST',dirName : 'media',clickFn : function(url,title) {
            if (self.dialogs.length > 1) {
              K('[name="url"]',div).val(url);
              self.hideDialog();
            }
          }
        });
      });
    });
  } else {
    viewServerBtn.hide();
  }

  var img = self.plugin.getSelectedMedia();
  if (img) {
    var attrs = K.mediaAttrs(img.attr('data-ke-tag'));
    url<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>.val(attrs.src);
    width<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>.val(K.removeUnit(img.css('width')) || attrs.width || 0);
    height<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>.val(K.removeUnit(img.css('height')) || attrs.height || 0);
    autostart<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>[0].checked = (attrs.autostart === 'true');
  }
  url<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>[0].focus();
  url<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>[0].select();
},'delete' : function() {
  self.plugin.getSelectedMedia().remove();
}

};
self.clickToolbar(name,self.plugin.media.edit);
});