laravel-editormd增加扩展-图片增加样式

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;")

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值