Options
You can change the default presentation options inside src/config.ts
, add
Reveal plugins, or create your own plugins.
import Markdown from 'reveal.js/plugin/markdown/markdown'
import Highlight from 'reveal.js/plugin/highlight/highlight'
import Math from 'reveal.js/plugin/math/math'
import Notes from 'reveal.js/plugin/notes/notes'
import { registerLanguages } from '@languages'
const options: Reveal.Options = {
// presentation size respecting aspect ratio
width: 960,
height: 700,
// content padding
margin: 0.04,
// smallest and largest possible scale
minScale: 0.2,
maxScale: 2.0,
// plugins
plugins: [Markdown, Highlight, Math.KaTeX, Notes],
// syntax highlight options
highlight: {
// add new languages
beforeHighlight: registerLanguages,
// disable automatic syntax highlighting
highlightOnLoad: false,
},
// slide controls
controls: true,
// slide progress bar
progress: true,
// slide transition
transition: 'slide',
// bring your own layout
disableLayout: false,
// display mode used to show slides
display: 'block',
// center slides on the screen
center: true,
// auto-animate duration
autoAnimateDuration: 1,
// auto-animate easing
autoAnimateEasing: 'ease',
// animate unmatched elements
autoAnimateUnmatched: true,
// hide cursor
hideInactiveCursor: true,
// time before cursor is hidden (ms)
hideCursorTime: 5000,
}
export default options