1. 插件的调用和配置

{
    "plugins": ["sectionx"],
    "pluginsConfig": {
        "sectionx": {
            "tag": "b"       // 设置标题的标签,可选值:h1, h2, h3, h4, h5, h6, b
        }
    }
}

标签的 tag 最好是使用 b 标签,如果使用 h1-h6 可能会和其他插件冲突。

2. 文档中引用

写法

<!--sec data-title="这里写标题" data-id="section0" data-show=true ces-->
这里是内容   
dsadsa    
dadsa
<!--endsec-->

[!note|label:参数含义]

  • data-title:收缩模块的标题,大小在插件参数配置里面配置,注意:HTML中实体字符要转义
  • data-id:收缩模块的id,用于插件的控制按钮,下面讲解
  • data-show:模式默认是收缩还是展开的,true:展开,false:隐藏

效果

这里写标题

这里是内容
dsadsa
dadsa

3. 动态控制

sectionx还可以设置按钮来显示或隐藏代码折叠模块,md写法如下:

写法

<button class="section" target="showCode" show="显示文案" hide="隐藏文案"></button>
<!--sec data-title="这里写标题" data-id="showCode" data-show=true ces-->
这里是内容   
dsadsa     
dadsa
<!--endsec-->

效果

这里是内容
dsadsa
dadsa

results matching ""

    No results matching ""