vscode markdown preview enhanced plugin show image alt title description
edit parser.js file‘s onWillParseMarkdown
OR onDidParseMarkdown
function:
- windows:%userprofile%/.crossnote/parser.js
- linux/mac:~/.crossnote/parser.js
for old version:文章来源:https://www.toymoban.com/news/detail-702189.html
- windows:%userprofile%/.mume/parser.js
- linux/mac:~/.mume/parser.js
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;
},
文章来源地址https://www.toymoban.com/news/detail-702189.html
到了这里,关于vscode markdown preview enhanced插件显示图片alt标题注释的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!