自动为插入到文本的每个img添加一个类 - CKEditor

时间:2017-09-24 12:46:59

标签: javascript ckeditor

我需要为CKEditor中的每个img添加自动添加的类

e.g。

class="simple-class"我添加的每个img

enter image description here

现在我只能通过在源代码中手动输入类来手动完成,但是它有问题,特别是从源模式返回时,我添加的这个类是消失的。

搜索了所有可能的相关主题,但无法找到正确的解决方案:/

1 个答案:

答案 0 :(得分:0)

CKEDITOR.on('dialogDefinition', function(ev) {
        // Take the dialog name and its definition from the event data
        var dialogName = ev.data.name;
        var dialogDefinition = ev.data.definition;
        var editor = ev.editor;
        if (dialogName == 'image') {
           dialogDefinition.onOk = function(e) {
              var imageSrcUrl = e.sender.originalElement.$.src;
              var imgHtml = CKEDITOR.dom.element.createFromHtml("<img src=" + imageSrcUrl + " alt='' align='right'" + "class=className/>");
              editor.insertElement(imgHtml);
           };
        }
  }

来源:https://stackoverflow.com/a/5071771/4925026