可以使用 docinfo 文件 安装和激活其他 reveal.js 插件。
将插件文件提取到目录中
创建 docinfo 文件以加载和注册插件
添加 :docinfo: 属性以启用 docinfo
例如,我们想使用 menu 插件 和 chalkboard 插件。首先,从 GitHub 下载插件,并将 menu 和 chalkboard 目录解压到 revealjs-plugins 文件夹中
$ tree revealjs-plugins -L 2
revealjs-plugins
├── chalkboard
│ ├── img
│ ├── plugin.js
│ ├── README.md
│ └── style.css
└── menu
├── font-awesome
├── LICENSE
├── menu.css
├── menu.esm.js
├── menu.js
├── plugin.js
└── README.md
4 directories, 9 files
然后,创建一个名为
presentation-docinfo-footer.html
(1)
(2)
(2)
Reveal.configure({
menu: {
side: 'right',
openButton: false
},
keyboard: {
67: function() { RevealChalkboard.toggleNotesCanvas() },
66: function() { RevealChalkboard.toggleChalkboard() }
}
}) (3)
Reveal.registerPlugin(RevealMenu) (4)
Reveal.registerPlugin(RevealChalkboard) (5)
1
加载 menu 插件
2
加载 chalkboard 插件,包括一个样式表
3
配置 menu 插件,并分配键盘绑定以切换 notes 画布和 chalkboard
4
注册 menu 插件
5
注册 chalkboard 插件
请注意,文件名是 presentation-docinfo-footer.html,因为我们的 AsciiDoc 文件名为 presentation.adoc
presentation.adoc
= Third-party Plugins
:docinfo: private (1)
// ...
1
启用 docinfo 并选择名为 presentation-docinfo-footer.html 的文件
默认情况下,docinfo 文件会在文档文件所在的文件夹中搜索。如果你想将它们保存在其他地方,请将 docinfodir 属性设置为其位置。
如果你想了解更多信息,请阅读 asciidoc:docinfo:index.adoc#resolving。
请阅读 相关的 reveal.js 文档 以了解更多关于 reveal.js 插件的信息。上游还维护了一个 现有 reveal.js 插件列表。