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

CSDN-markdown编辑器锚点链接添加方法
注:经过测试,CSDN-markdown编辑器还不支持这一功能!

原因是在显示的时候,锚点名称被过虑掉了,如下图:
CSDN-markdown编辑器锚点链接添加方法_第1张图片
如果没有过虑的话,这一功能是可以实现的!

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

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

必须以#开头,#后面紧跟着是锚点的名称,然后是一个空格,注意是英文半角的,再后面是用双引号括起来的链接说明提示,就是鼠标移动到链接上显示的内容。
如下图:
CSDN-markdown编辑器锚点链接添加方法_第2张图片

锚点链接添加完了,我们就需要定义锚点了,这样浏览器才能根据你锚点链接中指定的锚点名称定位到对应的位置,我们只能通过手动输入HTML的形式完成这一步,如下图:
CSDN-markdown编辑器锚点链接添加方法_第3张图片

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

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

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

测试内容

你可能感兴趣的:(markdown,编辑器,Hyperlink,锚点链接)