附相關代碼
不同的kindeditor代碼行數不一定一致,自己搜索對比就行了
第一段 大約在7861附近
/member/shop/setting/diy/static/kindeditor/plugins/multiimage/images/select-files-zh-CN.png
要注意這個靜態資源路徑,自己根據項目調整即可(select-files-zh-CN.png,注意這個文件名連接符,有的最後是zh_CN.png)
self.div = K(options.container).html([
'<div class="ke-swfupload">',
'<div class="ke-swfupload-top" style="position: relative">',
'<div class="ke-inline-block ke-swfupload-button" style="position: absolute;z-index: 1000;opacity: 0;left: 0px;">',
'<input type="button" value="Browse" />',
'</div>',
'<div style="height:23px;width:72px;float: left;background-image: url('+'/member/shop/setting/diy/static/kindeditor/plugins/multiimage/images/select-files-zh-CN.png'+')"></div>',
'<div class="ke-inline-block ke-swfupload-desc">' + options.uploadDesc + '</div>',
'<span class="ke-button-common ke-button-outer ke-swfupload-startupload">',
'<input type="button" class="ke-button-common ke-button" value="' + options.startButtonValue + '" />',
'</span>',
'</div>',
'<div class="ke-swfupload-body"></div>',
'</div>'
].join(''));
第二段,hack IE,大約在8369
return ['<object id="', this.movieName, '"' + classid + ' type="application/x-shockwave-flash" data="', this.settings.flash_url, '" width="', this.settings.button_width, '" height="', this.settings.button_height, '" class="swfupload">',
'<param name="wmode" value="', this.settings.button_window_mode, '" />',
'<param name="movie" value="', this.settings.flash_url, '" />',
'<param name="quality" value="high" />',
'<param name="menu" value="false" />',
'<param name="allowScriptAccess" value="always" />',
'<param name="flashvars" value="' + this.getFlashVars() + '" />',
'<param name="wmode" value="transparent" />',
'</object>'].join("");
附:如果有的項目用的min.js,就需要切換回all.js
最重要的就是儘早棄坑。
問題描述
因爲flash機制導致瀏覽器裏面默認上傳按鈕不顯示
解決方法如下
在他的kindeditor-all.js文件中,對上傳圖片的objcet標籤的父標籤的div設置了絕對定位,又重新做了一個按鈕的div,把object標籤的父標籤div定位到我新做的按鈕div上,設置object標籤的父標籤div的透明度opacity:0,如下圖
在前臺就顯示出來了,但在IE瀏覽器下顯示的是白色,如下圖