MarkDown编辑器页内目录跳转

方式一:

直接在需要插入目录的地方写:

@[toc]  或者   [toc]

根据标题字号建立目录列表

方式二:

使用HTML语法来增加跳转链接:<a href=”#id”> 名称,在需要插入目录的地方插入:

<a href="#1" target="_self">跳转到方式二</a>

跳转到方式二

  • href属性:不同的目录,需要不同的 href,例如#1,#2,#3等,随机选择就行,这是链接的唯一标识;
    标题自取
  • 然后在链接目的地(也就是要跳转到的地方),插入:
<h6 id="1">方式二</h6>
  • 注意:id 必须是上面的 href 属性的值 文中 a h6 等为标题字号属性

  • 方式二

方法三:

使用Markdown的语法来增加跳转链接,自建目录列表 “[名称](#id)”

生成目录的方法:

* [1.0语法示例](#1.0)

* [1.1图片](#1.1)

* [1.2换行](#1.2)

* [1.3强调](#1.3)

生成目录的方法:

在正文中,只要将章节标题的id对应上去即可:

<h6 id="1.0">1.0语法示例</h6>

这是第一段

<h6 id="1.1">1.1图片</h6>
1.0语法示例
这是第一段
1.1图片

方法四:

自定义锚 与方式三类似
假设我们想跳转到文档中的一个不是标题的位置(比如一张图表),则需要在该位置自定义一个锚。

我们使用HTML语法来定义一个锚。可选的HTML标签很多,比如<span>、<a>等等。本文使用<span>示例。

假设文档中有一个作息时间表,在文档的其他地方需要增加跳转到此表位置的链接,那么我们可以在此表的附近增加一行:

<span id=”表1”>名称

注:id为必填项;“名称”可以随便填写,也可以不填。另外,可以给span增加其他属性,比如颜色等等。

定义一个锚(id):<span id=“jump”>跳转到的地方</span>
使用markdown语法:[点击跳转](#jump)

定义一个锚(id):目标点
使用markdown语法:目标点

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值