tinyMCE에서 이미지에 클래스 추가

Question

tinyMCE를 통해 업로드 된 이미지에 클래스를 추가 할 수 있는지 궁금합니다.

데이터베이스에있는 설명을 호출하는 문자열이 있습니다.

현재 이미지를 반응 적으로 만들기 위해이 인라인 CSS를 추가하십시오.

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

괜찮 으면 좋겠어. 그냥 조금 어색해 보이고 더 좋은 방법이 있는지 알고 싶습니다.

렌더링 될 때 출력 코드는 다음과 같습니다. 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> 

은 내가 찾고 이미지가 TinyMCE를 통해 업로드 될 때 자동으로 class="img-max"를 추가하는 방법입니다.

Answer 1

아래의 스타일을 사용하면 쉽게 문제를 해결할 수 있습니다. 내용이
addClass()과 함께 수정 된

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

Answer 2

봅니다 이미지에 새 클래스를 추가하고 추적 할 수 TinyMCE의 onChange 이벤트를 사용합니다 :

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