laravel-editormd增加扩展-图片增加样式
在 public/vendor/editormd/lib/marked.min.js文件中,找到 Renderer.prototype.image方法;
将title字段进行处理,这边是将title 和 style 样式用***字符做分割,如果后面有其他需求再做扩展。
代码:
Renderer.prototype.image = function(href, title, text) {
var cap_3 = ["image", ""];
if(title != undefined){
cap_3 = title.split("***");
}
title = cap_3[0];
styles = cap_3[1];
var out = '<img src="' + href + '" alt="' + text + '"';
if (title) {
out += ' title="' + title + '"'
}
if (styles) {
out += ' style="' + styles + '"'
}
out += this.options.xhtml ? "/>": ">";
return out
};
md编辑器中使用:
在***字符串后面加上图片样式
![](/uploads/images/20200715/5f0ec1fa6dcf8_42.png "image***width:200px;border: 10px #000 solid;")