打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

帮助:TabberNeue

来自EaseCation Wiki
(重定向自帮助:选项卡

参考原文:Extension:TabberNeue
本文将描述如何使用MediaWiki扩展:TabberNeue的基本功能,并将该扩展的配置表格翻译在最后。

基础选项卡

最基本的选项卡,允许选项卡的内容通过选项切换。

使用<tabber></tabber>代码创建一个选项卡,选项卡会自动换行。

  • 若选项卡里没有可显示的选项,则该选项卡不会在页面上显示。
  • <tabber>代码没有相应的</tabber>代码进行闭合,则<tabber>代码不会有任何作用。
  • 在页面上创建成功时使页面自动加入分类:使用Tabber解析器标签的页面

通过|-|TabName=代码来创建一个选项,更改代码中的TabName以改变选项标题。

  • 选项标题可以与已存在的选项标题重复。
  • 选项标题在EaseCationwiki使用的配置中不被视为维基文本。
  • 若选项标题为空,则该选项不会显示。

添加选项内容时,需要在|-|TabName=代码后添加文本。最好另开一行以方便选项内容的编写和维护。

  • 选项内容只允许使用代码进行换行。

示例:

<tabber>
|-|第一选项=
这是第一个选项的内容。
|-|第二选项=
这是第二个选项的内容。
|-|第三选项=
这是第三个选项的内容。
</tabber>
这行文本处于选项卡之外。

效果是这样的:

这是第一个选项的内容。

这是第二个选项的内容。

这是第三个选项的内容。

这行文本处于选项卡之外。

解析器函数

使用{{#tag:tabber|TabBody}}代码创建选项卡。

使用{{!}}-{{!}}TabName=代码创建选项,在代码后面添加文本以添加选项内容。

示例:

{{#tag:tabber
|选项A=
这是选项A的内容。
{{!}}-{{!}}选项B=
这是选项B的内容。
{{!}}-{{!}}选项C=
这是选项C的内容。
}}

效果:

这是选项A的内容。

这是选项B的内容。

这是选项C的内容。

嵌套选项卡

<tabber>代码创建的选项卡并不支持在选项内容中再次使用<tabber>创建选项卡。相反,若使用的是{{#tag:tabber|TabBody}}创建的选项卡,则可以直接在选项内容创建新的选项卡,无论使用的是哪种创建方式。

选项卡会跟随更高一级的选项进行变动。你可以嵌套多个选项卡。

示例1:<tabber>内嵌{{#tag:tabber|TabBody}}

<tabber>
|-|第一选项=
第一选项的内容。
{{#tag:tabber
|选项A=
这是选项A的内容。
{{!}}-{{!}}选项B=
这是选项B的内容。
{{!}}-{{!}}选项C=
这是选项C的内容。
}}
|-|第二选项=
第二选项的内容。
|-|第三选项=
第三选项的内容。
</tabber>

示例2:{{#tag:tabber|TabBody}}内嵌<tabber>

{{#tag:tabber
|选项D=
这是选项D的内容。
<tabber>
|-|嵌套第一选线=
这是嵌套第一选项的内容。
|-|嵌套第二选线=
这是嵌套第二选项的内容。
|-|嵌套第三选线=
这是嵌套第三选项的内容。
</tabber>
{{!}}-{{!}}选项E=
这是选项E的内容。
{{!}}-{{!}}选项F=
这是选项F的内容。
}}

效果1:<tabber>内嵌{{#tag:tabber|TabBody}}

第一选项的内容。

这是选项A的内容。

这是选项B的内容。

这是选项C的内容。

第二选项的内容。

第三选项的内容。

效果2:{{#tag:tabber|TabBody}}内嵌<tabber>

这是选项E的内容。

这是选项F的内容。

页面嵌入式选项卡

当想要直接在选项内容引用页面时,通过<tabbertransclude></tabbertransclude>创建页面嵌入式选项卡。

  • 该选项卡无法成为嵌套选项卡的一部分。
  • <tabbertransclude>代码没有相应的</tabbertransclude>代码进行闭合,则<tabbertransclude>代码不会有任何作用。
  • 在页面上创建成功时使页面自动加入分类:使用TabberTransclude解析器标签的页面

使用PageName|TabName来创建选项和选项内容(嵌入页面)。

请注意:若嵌入称号易什春秋这类拥有大量内容的页面,在切换到对应选项时极易造成严重卡顿,请谨慎嵌入此类页面。

示例:

<tabbertransclude>
Html|选项1:页面
模板:Info|选项2:模板页面
文件:墓碑.png|选项3:文件描述页面
</tabbertransclude>

效果:

可视化编辑

TabberNeue支持在可视化编辑模式创建选项卡和更改选项卡内容,但并不是真正的适配。

在可视化编辑模式创建或编辑选项卡时,会打开一个编辑窗口。允许用户通过窗口编辑选项卡的源代码以创建选项和更改内容。

基础选项卡-Tabber

基础选项卡-#tag:Tabber

页面嵌入式选项卡

特殊的是,页面嵌入式选项卡的编辑窗口对于框内文本的改动会立即显示在页面上,类似实时预览。

仍然需要点击右上角的“完成”按钮以保存更改。

表格内的选项卡

你可以在表格的单元格内创建任意选项卡。

例子
<tabber></tabber>

这是第一个选项的内容。

这是第二个选项的内容。

{{#tag:tabber|TabBody}}

这是选项A的内容。

这是选项B的内容。

嵌套选项卡

这是选项E的内容。

<tabbertransclude>

</tabbertransclude>


其他:扩展配置

MediaWiki扩展:TabberNeue的配置选项。

EaseCationWiki启用的为默认配置。

扩展配置

$wgTabberNeueEnableAnimation

启用或禁用在选项卡切换选项时所使用的平滑滚动动画。

平滑滚动动画对手机版视图无效。

true启用; false禁用

true

$wgTabberNeueParseTabName

将选项标题解析为维基文本,使其受维基标记符号和可用其他编程语言代码影响。

启用可能会对该扩展的性能造成影响并出现意外情况。

true启用; false禁用

false

$wgTabberNeueUpdateLocationOnTabChange

若启用,点击选项时会在浏览器URL末尾添加该选项的选项标题。若出现了选项标题重复,则会在前者基础上加上“_序号”来准确跳转。

打开此类链接时,对应选项卡会自动切换到对应选项。

true启用; false禁用

true

$wgTabberNeueAddTabPrefix

若启用,选项ID的格式会变为tabber-选项标题

该配置用来避免与已有页面标题冲突。

true启用; false禁用

true