加入官方微信群

使用微信扫描二维码
或搜索 weweloo 添加微信好友

返回
网页编辑器
MooKwai特色块内容目录

内容目录

内容目录(Table of Content)自动获取页面中标题标签的元素,并生成文章内容目录。

文章目录

区块

内容目录区块可用于文章编辑器与全站编辑器,可插入任何区块内或页面的任何位置。

内容

可设置目录标题,目录列表由系统自动生成。

配置选项

全局样式

Select 设置区块对应的全局样式。

一级菜单

Select 设置一级菜单的标签类型。

二级菜单

Select 设置二级菜单的标签类型。

包含

Text 设置需要包含的元素类名,多个类名使用 , 隔开。

排除

Text 设置需要排除的元素类名,多个类名使用 , 隔开。

元素

<div class="mk-table-of-contents>
  <div class="el-menu-head">目录</div>
  <div class="el-menu-body">
    <ul class="el-menu-list">
      <li class="el-menu-item">
        <div class="el-menu-item-link"><span>Catalog 1</span></div>
        <ul class="el-sub-menu-list">
          <li class="el-menu-item">
            <div class="el-menu-item-link"><span>Catalog 1.1</span></div>
            <div class="el-menu-item-link"><span>Catalog 1.2</span></div>
            <div class="el-menu-item-link"><span>Catalog 1.3</span></div>
          </li>
        </ul>
      </li>
      <li class="el-menu-item">
        <div class="el-menu-item-link"><span>Catalog 2</span></div>
      </li>
    </ul>
  </div>
</div>

其他

  • 包含或排除里输入的类名无需添加 .
  • 包含或排除里输入多个类名时,使用 , 隔开
  • 包含或排除里类名不可有层级关系,如 classname1 classname2,classname1>classname2

使用微信扫描二维码
或搜索 weweloo 添加微信好友

加微信
进群聊聊(๑•̀ㅂ•́) ✧