CSDN-markdown编辑器锚点链接添加方法

CSDN-markdown编辑器锚点链接添加方法
注：经过测试，CSDN-markdown编辑器通过ID属性来支持这一功能！

使用Name属性添加锚点是不受支持的，原因是在显示的时候，锚点名称被过虑掉了，如下图：

如果没有过虑的话，使用Name属性这一功能是可以实现的！
而经过博主“eson_15”测试使用ID属性是可行的。

在ul标签的li元素上添加锚点链接，li元素上添加锚点链接后在markdown编辑器中的效果如下图所示：

添加方法：选择li元素上的内容，点击工具栏上的Hyperlink，输入内容格式如下图所示：

必须以#开头，#后面紧跟着是锚点的名称，然后是一个空格，注意是英文半角的，再后面是用双引号括起来的链接说明提示，就是鼠标移动到链接上显示的内容。
如下图：

锚点链接添加完了，我们就需要定义锚点了，这样浏览器才能根据你锚点链接中指定的锚点名称定位到对应的位置，我们只能通过手动输入HTML的形式完成这一步，如下图：

注意：需要将Name属性改为ID属性：

就这么简单，以下为测试内容

列表内容1
列表内容2
列表内容3
列表内容4
列表内容5

测试内容

2016-05-22更新

感谢博主“eson_15”提供的思路，经过测试，使用ID属性可以实现锚点链接的功能。

CSDN-markdown编辑器锚点链接添加方法相关推荐

20214201 Python技能树及CSDN MarkDown编辑器测评
Python技能树及CSDN MarkDown编辑器测评要求及评分: (1)在CSDN注册账号,发布一篇博客,完成作业中的 C), D) 部分,主要是Python技能树的测评和CSDN Markdo ...
20212313 吴剑标 Python技能树及CSDN MarkDown编辑器测评
Python技能树及CSDN MarkDown编辑器测评课程:<Python程序设计> 班级:2123 姓名:吴剑标学号:20212313 实验教师:王志强实验日期:2022年4月1 ...
Python技能树及 CSDN MarkDown编辑器测评
Python技能树及 CSDN MarkDown编辑器测评文章目录前言一.对Python技能数的测评 (一). Python技能树的介绍及其优点 1. Python技能树的介绍及其优点 (1)首 ...
Python技能树的测评和CSDN Markdown编辑器的测评
前言 Python作为现在最受欢迎的程序设计语言之一,为广大用户所使用.为了方便大家学习,CSDN也推出了相应的Python技能树.近年来,计算机互联网飞速发展,而作为一个小白,想要顺应时代的浪潮,学 ...
CSDN——Markdown编辑器——快捷键
CSDN--Markdown编辑器--快捷键 CSDN--Markdown编辑器--快捷键如下4个,同 word 下面的需要加 Shift 标题 Ctrl /⌘+Shift +H // headli ...
php关联图片,PHP关联链接添加方法
PHP关联链接添加方法为了优化内链,我们需要将内容添加上关键链接,那内容如果添加关联链接呢,怎么添加呢?下面小编带大家一起来看看详细内容,希望对大家有所帮助! 方法一:手动编辑添加方法二:使用程序 ...
新版 CSDN Markdown 编辑器上线公告（Alpha 2.0）
感谢大家一直支持 CSDN Markdown 编辑器,每一次改动和优化,都是努力让你的写作体验变得更好. 这次我们更新了以下内容: 我们重构了 MD 编辑器代码,比起以前更稳定,速度也更快: 增加了保 ...
使用CSDN MarkDown编辑器写博客-班志华-专题视频课程
使用CSDN MarkDown编辑器写博客-13183人已学习课程介绍简单介绍如何使用CSDN的Markdown编辑器来写博客. 课程收益使用CSDN的MarkDown编 ...
Python技能树和CSDN Markdown编辑器的测评 20212101陈雨扬
Python技能树和CSDN Markdown编辑器的测评 20212101陈雨扬文章目录 Python技能树和CSDN Markdown编辑器的测评 · 1. Python技能树的评测 · 1.1 ...

CSDN-markdown编辑器锚点链接添加方法

2016-05-22更新

CSDN-markdown编辑器锚点链接添加方法相关推荐

最新文章

热门文章