Question

我正在尝试为旧的WYSIWYG FCKEditor中的图像添加宽度和高度。问题是，当我试图获得自然宽度/高度时，我得到0值。

我做错了什么？

这是代码：

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);
});

Answer 1

我设法自己解决问题。由于pic在编辑器中的位置，我不得不使用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;
    });

FCKEditor，为img元素添加宽度和高度

1 个答案: