插入时为CkEditor Smiley添加类或内联样式

时间:2016-11-24 11:59:45

标签: ckeditor

我在构建电子邮件模板的程序中使用Ck编辑器。每个电子邮件模板都有自己的样式,可以覆盖内容块中的文本。

所以目前当我使用Ck编辑器在文本块中添加笑脸时,模板样式会向文本块内的图像添加浮动左侧和显示块。

这意味着所有表情都浮在左边。

有没有办法可以将内联样式添加到插入的实际笑脸图像中,使其看起来像这样:

pointcut intercept_call() : call(public * execute(java.lang.String, ..));


 before(String val): intercept_call() && !cflowbelow(intercept_call()) && args(val, ..)
{

    // do soemthing
   }
}

提前谢谢。

1 个答案:

答案 0 :(得分:0)

如果src属性包含像“smiley”这样的字符串,你可以尝试检查插入元素的时间,然后在元素中添加一个类或内联样式:

CKEDITOR.replace('editor1', {
  on: {
    insertElement: function(e) {
      if (e.data.getName() !== 'img') return;
      if (e.data.getAttribute('src').indexOf('smiley') > -1) {
        e.data.addClass('smiley-class');
      }
    }
  }
});
<script src="https://cdn.ckeditor.com/4.7.3/full-all/ckeditor.js"></script>
<textarea name="editor1"></textarea>