MarkDown编辑器页内目录跳转

匿名 (未验证) 提交于 2019-12-02 23:59:01
如果想要在CSDN的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语法:点击跳转

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!