javascript - 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 类。