1. 程式人生 > >將富文字編輯器內的圖片變成響應式

將富文字編輯器內的圖片變成響應式

最近自己寫了一個簡單的網站,做好後想把網站的前臺頁面做成響應式,可是後臺的從富文字編輯器的新增的圖片的樣式是在html的元素標籤內的,在前臺顯示的時候不能夠同css來改變的圖片的大小,怎麼辦??

幸運的是我的網站的前臺使用 bootstrap寫的,我突然想到bootstrap裡面有一個響應式的圖片類

img-responsive

於是我就jquery將富文字編輯器在前臺的顯示的時候加了該類

  $(document).ready(function(){
    $("div img").addClass('img-responsive');
});

這樣就成功解決了編輯器內圖片就能夠隨著螢幕解析度的額大小變化了