Question

我想知道是否可以将类添加到通过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>

我正在寻找的是通过tinyMCE上传图片时自动添加class="img-max"的方法。

Answer 1

使用下面的样式可以轻松解决问题。

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

Answer 2

尝试使用onChange TinyMCE事件来跟踪修改内容的时间 addClass()为图片添加新课程：

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

从tinyMCE向图像添加类

2 个答案: