Vue配置marked链接添加target="_blank"

你的名字 2021-12-03 06:13 135阅读 0赞

1.  引入`marked`  
    **package.json**

"dependencies": {
        "marked": "^0.3.9"
    }

import marked from "marked";

1.  修改生成的HTML的方法

const renderer = new marked.Renderer();
    //https://github.com/markedjs/marked/issues/655#issuecomment-383226346
    const linkRenderer = renderer.link;
    renderer.link = (href, title, text) => {
        const html = linkRenderer.call(renderer, href, title, text);
        return html.replace(/^<a /, '<a target="_blank" rel="nofollow" ');
    };
    const html = marked(markdown, { renderer });

##### Tips:marked参数配置 #####

const renderer = new marked.Renderer();
    //基本设置
    marked.setOptions({
        renderer: renderer,
        gfm: true, //允许 Git Hub标准的markdown.
        tables: true, //允许支持表格语法（该选项要求 gfm 为true）
        breaks: true, //允许回车换行（该选项要求 gfm 为true）
        pedantic: false, //不纠正原始模型任何的不良行为和错误（默认为false）
        sanitize: false, //对输出进行过滤（清理），将忽略任何已经输入的html代码（标签）
        smartLists: true, //使用比原生markdown更时髦的列表
        smartypants: false //使用更为时髦的标点
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，135人围观）

还没有评论，来说两句吧...

相关阅读

相关 ln（添加链接）

【ln -s 源文件目标文件】英文原意：link 【ln -s /etc/issue /issue.soft】软链接：（类似win的快捷方式）文

偏执的太偏执、/ 2024年02月18日 19:03/ 0 赞/ 52 阅读

相关常用UCI数据集链接，mark

1.Adult http://archive.ics.uci.edu/ml/datasets/Adult ![在这里插入图片描述][20201212232421670

╰+攻爆jí腚メ/ 2022年12月28日 00:51/ 0 赞/ 273 阅读

相关添加报名链接

未认证的微信公众号可以添加外部网址：任何外部网址都可以！一、提交网址，获取微外链路径。 1.首先进入微外链官方网站：https://uom.cn/a/ 点击右上角的

桃扇骨/ 2022年12月12日 15:18/ 0 赞/ 216 阅读

相关公众号添加文档链接

未认证的微信公众号可以添加外部网址：任何外部网址都可以！一、提交网址，获取微外链路径。 1.首先进入微外链官方网站：https://uom.cn/a/ 点击右上角的

谁借莪１个温暖的怀抱￠/ 2022年12月12日 04:56/ 0 赞/ 415 阅读

相关公众号添加商品链接

未认证的微信公众号可以添加外部网址：任何外部网址都可以！一、提交网址，获取微外链路径。 1.首先进入微外链官方网站：https://uom.cn/a/ 点击右上角的

￡神魔★判官ぃ/ 2022年12月12日 02:25/ 0 赞/ 467 阅读

相关公众号添加视频链接

未认证的微信公众号可以添加外部网址（视频链接也可以）：任何外部网址都可以！一、提交网址，获取微外链路径。 1.首先进入微外链官方网站：https://uom.cn/a

一时失言乱红尘/ 2022年12月12日 02:25/ 0 赞/ 419 阅读

相关公众号添加文字链接

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

约定不等于承诺〃/ 2022年10月25日 14:22/ 0 赞/ 312 阅读

相关 java 注释内添加类链接或url链接

类链接 `{@link package.classmember label}` url链接，注意：@see前面必须是\注释，否则无法正常使用。 `@see <a

- 日理万妓/ 2022年09月09日 15:55/ 0 赞/ 302 阅读

相关 MM配置链接

[https://wenku.baidu.com/view/31678a00e53a580216fcfef9.html][https_wenku.baidu.com_view_

心已赠人/ 2022年03月12日 03:51/ 0 赞/ 175 阅读

相关 Vue配置marked链接添加target="_blank"

1. 引入`marked` package.json "dependencies": { "marked": "^0.3.9"

你的名字/ 2021年12月03日 06:13/ 0 赞/ 136 阅读