繁体   English   中英

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

[英]FCKEditor, adding width and height to img elements

我正在尝试为旧的所见即所得FCKEditor中的图像添加宽度和高度。 问题是,当我尝试以这种方式获取naturalWidth / Height时,得到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);
});

我设法自己解决问题。 由于图片位于编辑器中,因此我必须自己使用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;
    });

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM