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

2022-04-09 10:30 6230 次阅读 其他类别
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了