Question

我正在使用使用Summernote所见即所得插件的项目。对于我们使用编辑器上传的图像，我需要将图像宽度默认设置为全角（100％）。这样就不会出现文本换行或文本排列问题。如果有人可以帮助我，那就太好了。

这是我使用summernote的表单元素和脚本。

<div class="form-group">
<label>Post body</label>
<textarea name="body" id="postBody" cols="30" rows="10" placeholder="body" class="form-control"></textarea>
</div>

$(document).ready(function () {
            $('#postBody').summernote({height: 300,});
});

Answer 1

我添加了一个回调，如下所示。上传图片时对我有用。但是在将图像添加为链接时不可以。

Enter

Answer 2

我不知道这是否仍然是问题，但我通过调整summernote.js来解决了

在“ Editor.prototype.insertImage”函数中的

我更改了一行。见下文。

Original:
Editor.prototype.insertImage = function (src, param) {
    var _this = this;
    return createImage(src, param).then(function ($image) {
        _this.beforeCommand();
        if (typeof param === 'function') {
            param($image);
        }
        else {
            if (typeof param === 'string') {
                $image.attr('data-filename', param);
            }
            $image.css('width', Math.min(_this.$editable.width(), $image.width()));
        }
        $image.show();
        range.create(_this.editable).insertNode($image[0]);
        range.createFromNodeAfter($image[0]).select();
        _this.afterCommand();
    }).fail(function (e) {
        _this.context.triggerEvent('image.upload.error', e);
    });
};

进行更改

$image.css('width', Math.min(_this.$editable.width(), $image.width()));

将summernote.js中的行上方更改为

$image.css('width', '100%');

默认情况下，新插入的图片的宽度为100％

如何将Summernote设置图像设置为始终采用全宽度

2 个答案: