2013-10-25 74 views
0

我試圖給舊的所見即所得FCKEditor中的圖像添加寬度和高度。 問題是,當我試圖讓自然的寬度/高度,我得到0值。FCKEditor,爲img元素添加寬度和高度

我在做什麼錯?

這裏是代碼:

var zaj = FCKeditorAPI.GetInstance('hometext'); 

pz = zaj.GetXHTML(); 

dom_zaj = document.createElement('div'); 
dom_zaj.innerHTML = pz; 

$(dom_zaj).find('img').each(function(i, element) { 
    //var w_set = $(element).attr('width'); 
    //var h_set = $(element).attr('height'); 
    var w_native = element.naturalWidth; 
    var h_native = element.naturalHeight; 

    $(element).attr('width', w_native); 
    $(element).attr('height', h_native); 
}); 

回答

0

我設法解決我自己的問題。由於圖片在編輯器中的位置,我必須使用jquery.onload()自己加載它們。 (並且從寬度/高度改變爲css風格)

var $images = $(dom_zaj).find('img'); 
    var imagesLength = $images.length; 
      $images.load(function(){ 
     var w_native = this.naturalWidth; 
     $(this).css('width', w_native+'px'); 
     imagesLength = imagesLength-1; 
     if(imagesLength === 0){ 
     pz = dom_zaj.innerHTML; 
     zaj.SetHTML(pz); 
     } 

      }).error(function(){ 
     imagesLength = imagesLength-1; 
    });