修改markdown里面的class标签

最新推荐文章于 2025-06-30 12:25:16 发布

原创最新推荐文章于 2025-06-30 12:25:16 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

Web前端专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种前端页面右侧引导栏的设计方法，针对由Markdown文件转换成HTML后ID和Class混乱的问题，通过自定义Markdown渲染器来规范标题的ID。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近需要进行对我们的前端页面进行右侧引导页面的设计。

调到定点位置首先思考的就是 localURL + # + 位置的id标签

但是由于文档是有md文件转HTML的，所以id和class是很乱的。

import { MarkdownService }
from 'angular2-markdown'; 导入文件夹

private markService:
MarkdownService,
        this.markService.renderer.heading = (text,
level)=>{
            if(level ==
2){
                headData.push(text);
            }
            return 
'<h'+ level +' id="' +
text + '">' +
text + '</h'+
level+'>'; //返回自定义的样式id等于text了。
        }


DOM就有Id=“text”