演示：EBT 标签页

28/09/2025, by Ivan

EBT：标签页 Drupal 模块概述

扩展区块类型 (EBT)：标签页模块创建了一个新的标签页区块类型。标签页内容可以是区块、页面、Views 和格式化文本。标签页基于 jQuery UI Tabs 插件，并具有该 jQuery 插件的各种设置。

你可以从 Drupal.org 下载 EBT 标签页：

https://www.drupal.org/project/ebt_tabs

composer require drupal/ebt_tabs

EBT 标签页基于 jQuery UI Tabs 插件：

https://jqueryui.com/tabs/

安装完成后，Drupal EBT 标签页模块会添加一个新的标签页区块类型。

EBT 标签页包含所有 EBT 模块功能，包括 DOM Box、背景颜色 / 图片 / 视频、Edge to Edge 设置：

https://drupalbook.org/ebt/demo

标签页内容可以是区块、页面、Views 和格式化文本。标签页基于 jQuery UI Tabs 插件，并具有该 jQuery 插件的各种设置。

标签页内容

EBT 标签页支持不同样式：

无标题背景
极简标签页
按钮式标签页
垂直选项卡
旋转的垂直选项卡

选择样式

默认设置标签页

标签页 1

标签页 1 内容

标签页 2

标签页 2 内容

无标题背景

标签页 1

标签页 1 内容

标签页 2

标签页 2 内容

极简标签页

标签页 1

标签页 1 内容

标签页 2

标签页 2 内容

按钮式标签页

标签页 1

标签页 1 内容

标签页 2

标签页 2 内容

垂直选项卡

标签页 1

标签页 1 内容

标签页 2

标签页 2 内容

旋转的垂直选项卡

标签页 1

Lorem Ipsum 只是印刷和排版行业的虚拟文本。自 16 世纪 1500 年代以来，Lorem Ipsum 一直是该行业的标准虚拟文本，当时一位不知名的印刷工人将一盘字母打乱，制作了一本字样手册。它不仅存活了五个世纪，还跨越了电子排版时代，基本保持不变。它在 20 世纪 60 年代因包含 Lorem Ipsum 段落的 Letraset 字帖而流行起来，最近又随着包括 Aldus PageMaker 在内的桌面排版软件的出现而推出了不同版本的 Lorem Ipsum。

标签页 2

活动部分

你可以选择默认打开哪个部分。使用“活动部分”字段来填写部分的序号。活动部分的设置是从零开始的，这意味着它从零开始计数。因此，如果你需要默认打开第 3 个部分，就需要在“活动部分”字段中输入“2”。

标签页 1

标签页 1 内容

标签页 2

标签页 2 内容

标签页 3

标签页 3 内容

可折叠

你也可以禁用“可折叠”设置，这样至少会始终有一个部分处于打开状态。

标签页 1

标签页 1 内容

标签页 2

标签页 2 内容

标签页 3

标签页 3 内容

全部关闭且可折叠

标签页 1

标签页 1 内容

标签页 2

标签页 2 内容

标签页 3

标签页 3 内容

禁用标签页

标签页 1

标签页 1 内容

标签页 2

标签页 2 内容

标签页 3

标签页 3 内容

高度样式：自动

标签页 1

标签页 2

高度样式：填充

标签页 1

标签页 2

标签页 3

额外区块类型 (EBT) - 全新的布局构建器体验❗

❗额外段落类型 (EPT) - 全新的 Paragraphs 体验

演示：EBT 标签页

EBT Documentation

EBT：标签页 Drupal 模块概述

默认设置标签页

无标题背景

极简标签页

按钮式标签页

垂直选项卡

旋转的垂直选项卡

活动部分

可折叠

全部关闭且可折叠

禁用标签页

高度样式：自动

高度样式：填充