summernote在img中添加类

Question

我想在我用编辑器添加的图像中添加一个类(class ="img-responsive").

实际上我在保存文本后得到了这段代码:

<img src="LINK" style="width: 628px; height: 470.7191413237925px;">

在summernote.js中我发现了这段代码:

/**
     * create `<image>` from url string
     *
     * @param {String} sUrl
     * @return {Promise} - then: $image
     */
    var createImage = function (sUrl) {
      return $.Deferred(function (deferred) {
        $('<img>').one('load', function () {
          deferred.resolve($(this));
        }).one('error abort', function () {
          deferred.reject($(this));
        }).css({
          display: 'none'
        }).appendTo(document.body).attr('src', sUrl);
      }).promise();
    };

    return {
      readFileAsDataURL: readFileAsDataURL,
      createImage: createImage
    };
  })();

我不知道这是否是添加类的正确代码,而且我也不知道如何以及在何处添加class ="img-responsive"

Answer 1

这可能太晚了，但我自己用 jQuery 做到了。

在您的 .js 或模板底部：

$(document).ready(function(){
    $("img").addClass("img-responsive");
});

它将为编辑器中添加的所有图像使用 Bootstrap img-responsive类。