2014-02-27 50 views
1

我想知道是否可以向通過tinyMCE上載的圖像添加類。將類添加到來自tinyMCE的圖像

我有這個字符串,從我的數據庫調用描述。

<div class="articletext"><?$string = $image["description"]; 

目前,爲了使圖像響應,我添加了這個內聯的CSS。

<style> img{width:100%; height:auto;}</style> 

它工作正常我只是覺得它有點馬虎,想看看是否有更好的方法。

呈現時的輸出代碼如下所示:down by articletext是顯示圖像的位置。

<div class="grid_4">  
    <style> img{width:100%; height:auto;}</style> 
    <div data-id="id-80"> 
     <article class="box white-bg mb-25"> 
     <div class="notices-title">Test Image In Post 1</div> 
      <div class="newsdate" style="margin: 10px 0 !important;">February 26, 2014</div> 
<div class="articletext"><p><img src="../../htp_filemanager/source/AllImages/bob-van-aubel-ray-bans.jpg" alt="bob-van-aubel-ray-bans" /></p> 
<p>This is a test.</div> 

我正在尋找的是自動添加class="img-max"當圖像通過TinyMCE的上傳方式。

回答

1

使用下面的樣式可以輕鬆解決問題。

<style>.newsdate img{width:100%; height:auto;}</style> 
+0

它仍然與我的其他圖像弄亂我的頁。我添加了更新中使用的實際代碼。代碼你告訴我你會在哪裏放置這種風格。 – cwd

+0

沒關係讓它工作。謝謝!!! – cwd

+1

0

嘗試使用onChange事件的TinyMCE跟蹤時,內容與
addClass()修改沿新類添加到您的形象:

tinyMCE.init({ 
    setup : function(ed) { 
     ed.onChange.add(function(ed, l) { 
      $('.newsdate img').addClass('img-max'); 
     }); 
    } 
}); 
+0

嘿我試過你的想法,但可以使用一些幫助,如果你的左右,你會介意與我聊天? – cwd