Markdown 模式下 代码的折叠与展开

代码折叠

背景

在黏贴代码块的时候代码快太多导致文章臃肿,markdown编辑器本身语法不足不支持代码的折叠与展开,故需要使用html语法来拓展其功能

实现

折叠语法：<details> 标签

<details>
  <summary>点击时的区域标题：点击查看详细内容</summary>
  <p> - 测试 测试测试</p>
  <pre><code>title，value，callBack可以缺省</code></pre>
</details>

details：折叠语法标签
summary：折叠语法展示的摘要
pre：以原有格式显示元素内的文字是已经格式化的文本
code：指定代码范例
blockcode：表示程序的代码块

效果展示

点击时的区域标题：点击查看详细内容

HelloWorld

转载自大专栏:https://www.dazhuanlan.com/2019/12/13/5df2e9e27b568/

博客园背景设置

链接:https://www.dbnuo.com/Cnblogs-Theme-SimpleMemory/docs/v2/#/