Redactor图像调整大小添加内联样式属性,如何强制redactor使用“width”和“height”属性

时间:2013-07-17 20:22:55

标签: jquery width wysiwyg inline-styles redactor

Redactor在调整大小时将样式属性添加到 img 标记

<img src="image_url" style="width: 189.00884955752213px; height: 118px;" >

在Outlook桌面应用中查看时,此内联css不会影响图像大小。

经过一些研究后,我发现只有在图片标签中指定了宽度&amp;的尺寸时,Outlook才会以所需尺寸显示图像。 高度属性。

Redactor生成的style属性中的宽度值也不是整数189.00884955752213px。

如何解决这两个问题

1 个答案:

答案 0 :(得分:1)

我使用syncBeforeCallback方法解决了这个问题,以确保图片也具有outlook的宽度属性

        syncBeforeCallback: function (html)
        {
            // set image width as attribute (for outlook)
            var $html = $('<div/>').html(html);
            $html.find('img').each(function copyImageCssWidthToAttribute() {
                var width = parseInt($(this).css('width'));
                if (width > 0) {
                    $(this).attr('width', width);
                }
            });
            html = $html.html();
            return html;
        },

我没有找到任何定义高度的情况。