首先,自定义组件时要么直接修改plugins下的image.js,要么就把plugins组件内容删掉,不然修改好的kindeditor-all.js会自动恢复。(采坑记,幸好我有备份,不然真的想死了)
我选择的是直接在kindeditor-all.js中修改,因为依赖到的函数也需要修改一部分。
KindEditor.plugin('image', function (K) {
var self = this, name = 'image',
allowImageUpload = K.undef(self.allowImageUpload, true),
allowImageRemote = K.undef(self.allowImageRemote, true),
formatUploadUrl = K.undef(self.formatUploadUrl, true),
allowFileManager = K.undef(self.allowFileManager, false),
extraParams = K.undef(self.extraFileUploadParams, {
'token': '',//添加token
'key':''
}), //七牛云上传需要返回的token和key参数
// filePostName = K.undef(self.filePostName, 'file'),
uploadJson = K.undef(self.uploadJson, 'http://up-z2.qiniup.com') //七牛云上传url华南区
imageTabIndex = K.undef(self.imageTabIndex, 0),
imgPath = self.pluginsPath + 'image/images/',
filePostName = K.undef(self.filePostName, 'file'), //七牛云上传文件类型为file
fillDescAfterUploadImage = K.undef(self.fillDescAfterUploadImage, false),
lang = self.lang(name + '.');
self.plugin.imageDialog = function (options) {
var imageUrl = options.imageUrl,
imageWidth = K.undef(options.imageWidth, ''),
imageHeight = K.undef(options.imageHeight, ''),
imageTitle = K.undef(options.imageTitle, ''),
imageAlign = K.undef(options.imageAlign, ''),
showRemote = K.undef(options.showRemote, true),
showLocal = K.undef(options.showLocal, true),
tabIndex = K.undef(options.tabIndex, 0),
clickFn = options.clickFn;
var target = 'kindeditor_upload_iframe_' + new Date().getTime();
var qiniuToken = '';
var hiddenElements = [];
for (var k in extraParams) {
hiddenElements.push('<input type="hidden" name="' + k + '" value="' + extraParams[k] + '" />');
}
//html就是点击图片小按钮弹出框的html代码。'<form class="ke-upload-area ke-form"就是点击上传时的form,里面就是上传时需要的各种参数。
var html = [
'<div style="padding:20px;">',
'<div class="tabs"></div>',
'<div class="tab1" style="display:none;">',
'<div class="ke-dialog-row">',
'<label for="remoteUrl" style="width:60px;">' + lang.remoteUrl + '</label>',
'<input type="text" id="remoteUrl" class="ke-input-text" name="url" value="" style="width:200px;" /> ',
'</div>',
'<div class="ke-dialog-row">',
'<label for="remoteWidth" style="width:60px;">' + lang.size + '</label>',
lang.width + ' <input type="text" id="remoteWidth" class="ke-input-text ke-input-number" name="width" value="" maxlength="4" /> ',
lang.height + ' <input type="text" class="ke-input-text ke-input-number" name="height" value="" maxlength="4" /> ',
'<img class="ke-refresh-btn" src="' + imgPath + 'refresh.png" width="16" height="16" alt="" style="cursor:pointer;" title=