文章

vscode markdown preview enhanced插件显示图片标题

vscode markdown preview enhanced插件显示图片alt标题注释

编辑 parser.js 文件的 onWillParseMarkdown onDidParseMarkdown 函数

  • windows:%userprofile%/.crossnote/parser.js
  • linux/mac:~/.crossnote/parser.js
1
2
3
4
5
6
7
8
9
  onWillParseMarkdown: async function(markdown) {
    markdown = markdown.replace(/!\[(.*?)\]\((.*?)\)/g, (all,alt,src) => `${all}<span style="margin-top:-5px;text-decoration: underline;text-underline-offset:2px;text-decoration-color:#d9d9d9;font-size:13px;text-align:center;display:block;">${alt}</span>`);
    return markdown;
  },

  onDidParseMarkdown: async function(html) {
    html = html.replace(/<img src="(.*?)" alt="(.*?)".*?>/g, (all,src,alt) => `${all}<span style="margin-top:-5px;text-decoration: underline;text-underline-offset:2px;text-decoration-color:#d9d9d9;font-size:13px;text-align:center;display:block;">${alt}</span>`);
    return html;
  },

演示演示

本文由作者按照 CC BY 4.0 进行授权

© xqdd. 保留部分权利。

total views:

total visitors:

本站采用 Jekyll 主题 Chirpy