Editor.md编辑器图片设置大小

Editor.md编辑器用起来确实舒服，不过有时候总会有一些需求不满足，比如说这个添加图片，不能设置图片大小，虽然有的图床有的可以设置，但是还有有很多图床不满足这个需求，可能就需要自行修改一下源代码。我是在简书看到的，原文地址https://www.jianshu.com/p/65350686f517

默认是这样的

### 魔法少女伊莉雅：无名少女 劇場版 Fate/kaleid liner プリズマ☆イリヤ Licht 名前の無い少女(2021)
![封面](url)

下面是设置了宽度的

### 魔法少女伊莉雅：无名少女 劇場版 Fate/kaleid liner プリズマ☆イリヤ Licht 名前の無い少女(2021)
![封面](url|200x)

找到marked.min.js这个文件的Renderer.prototype.image这个函数

Renderer.prototype.image = function(href, title, text) {
            var out = '<img src="' + href + '" alt="' + text + '"';
            if (title) {
                out += ' title="' + title + '"'
            }
            out += this.options.xhtml ? "/>" : ">";
            return out
        }

这是源代码，将其修改一下

Renderer.prototype.image=function(href,title,text){
    var array = href.split("|");
    var width;
    var height;
    if(array.length == 2){
        href = array[0];
        var resolution = array[1].split("x");
        if (resolution.length == 2){
            width = resolution[0]
            height = resolution[1];
        }
    }
    var out = '<img src="' + href + '" alt="' + text + '"';
    if (title) {
        out += ' title="' + title + '"'
    }
    if(width){
        out += ' width="' + width + '"'
    }
    if(height){
        out += ' height="' + height + '"'
    }
    out += this.options.xhtml ? "/>" : ">";
    return out
}

这样就ok了