2013-10-27 2 views
0

Итак, я использую TinyMCE 3.5.9. Работает отлично, за исключением случаев, когда изображение изменяется в IE. TinyMCE не добавляет тег стиля в теги ширины и высоты. Это вызывает проблему в Internet Explorer 10,9,8 и т. Д. IE требует тега стиля для ширины и высоты, иначе он будет проигнорирован.TinyMCE не изменяет размер изображений в IE

Как вы это исправите? Кто-нибудь еще сталкивается с этим? Ниже приведена моя реализация плагина.

Любая помощь очень ценится.

tinyMCE.init({ 
     mode: "textareas", 
     theme: "advanced", 
     editor_selector: "richText", 
     plugins: "paste,table,advimage,advlink,media,directionality,fullscreen,preview", 
     //valid_children: "+head[style],+body[style]", 
     verify_html: false, 
     paste_auto_cleanup_on_paste: true, 
     theme_advanced_buttons1: "outdent,indent,bold,italic,underline,|,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,|,cut,copy,paste,pastetext,|,fontsizeselect", 
     theme_advanced_buttons2: "tablecontrols,link,unlink,image,|,forecolor,backcolor,media,code", 
     theme_advanced_buttons3: "formatselect,fontselect,|,ltr,rtl,|,visualaid,fullscreen,preview", 
     theme_advanced_disable: ",help,hr,removeformat,sub,sup,backcolorpicker,charmap,anchor,newdocument", 
     theme_advanced_toolbar_location: "top", 
     theme_advanced_toolbar_align: "left", 
     theme_advanced_statusbar_location: "bottom", 
     remove_trailing_nbsp: true, 
     entity_encoding: "numeric", 
     theme_advanced_resizing: true, 
     language: "en", 
     document_base_url: "", 
     extended_valid_elements: "img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]" 
    }); 

ответ

0

Оказывается, Twitter Bootstrap css переопределяет тег img и применяет к нему некоторые атрибуты стиля. Комментируя эту строку, я исправил свою проблему.

img { 
    width: auto\9; 
    height: auto; 
    max-width: 100%; 
    vertical-align: middle; 
    border: 0; 
    /*-ms-interpolation-mode: bicubic;*/ -- THIS LINE, COMMENT IT OUT. 
} 
Смежные вопросы