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

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

10:30 2022/04/09 3142

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

Editor.md编辑器用起来确实舒服，不过有时候总会有一些需求不满足，比如说这个添加图片，不能设置图片大小，虽然有的图床有的可以设置，但是还有有很多图床不满足这个需求，可能就需要自行修改一下源代码。我是在简书看到的，原文地址[https://www.jianshu.com/p/65350686f517](https://www.jianshu.com/p/65350686f517 "https://www.jianshu.com/p/65350686f517")
### 默认是这样的
```shell
### 魔法少女伊莉雅：无名少女 劇場版 Fate/kaleid liner プリズマ☆イリヤ Licht 名前の無い少女(2021)
![封面](url)
```

### 下面是设置了宽度的
![](https://skapi-1253927675.cos.ap-guangzhou.myqcloud.com/blog/202204/7ed73e0c40c9a11292a4e07bfe3c8b1f.png)
```shell
### 魔法少女伊莉雅：无名少女 劇場版 Fate/kaleid liner プリズマ☆イリヤ Licht 名前の無い少女(2021)
![封面](url|200x)
```
![](https://skapi-1253927675.cos.ap-guangzhou.myqcloud.com/blog/202204/53dbc0ef770fd87f866c04b8ebc2c73e.png)
找到`marked.min.js`这个文件的`Renderer.prototype.image`这个函数
```javascript
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
        }
```
这是源代码，将其修改一下
```javascript
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了