2013-10-27 2 views
0

그래서 TinyMCE 3.5.9를 사용하고 있습니다. IE에서 이미지의 크기가 조절되는 경우를 제외하고는 훌륭하게 작동합니다. TinyMCE는 width 태그와 height 태그에 스타일 태그를 추가하지 않습니다. 이로 인해 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

트위터 부트 스트랩 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. 
} 
관련 문제