joplin-plugin-revealjs-slides
v0.15.0
[On GitHub](https://github.com/personalizedrefrigerator/joplin-plugin-revealjs-slides) | [On the plugin website](https://joplinapp.org/plugins/plugin/io.github.personalizedrefrigerator.revealjs-integration/)
0/weekUpdated 1 years agoMITUnpacked: 2.3 MB
Published by personalizedrefrigerator
npm install joplin-plugin-revealjs-slidesjoplin-plugin-revealjs-slides
On GitHub | On the plugin website
A Joplin plugin for presenting notes. Internally, this uses the reveal.js library.
Example presentation
Example presentation
```markdown
joplin-plugin-revealjs-slides
---
- Separate slides with ---s (if you're using the rich text editor, press the "horizontal line" button).
- The rest of this example presentation will assume you're using the markdown editor.
---
This plugin uses reveal.js internally. Read about writing reveal.js presentations here.
---
A note on markdown rendering
joplin-plugin-revealjs-slides uses Joplin's markdown renderer internally not reveal.js's markdown renderer.
Thus, some of reveal.js's markdown features are not supported.
However, this also means that many of Joplin's built-in features are supported. (For example, slideshows can be customized with userstyle.css).
---
Note links can also be included (though note that they may not work perfectly!)
Slides can be linked to like this: link to slide 3.
---
$\KaTeX$ is supported.
`js`
// highlight.js is supported (through Joplin's
// markdown renderer).
function foo() {
alert('test');
}
---
Mermaid is also supported
`mermaid`
graph TD;
Mermaid-->Also;
A-->B;
Also-->Works;
B-->Works;
---
Speaker notes can be created using an
`
A setting exists to show speaker notes (when available).
---
Keyboard shortcuts
Press f to enter fullscreen and esc to exit fullscreen.
Press p to print the slideshow.
Press q or navigate to the last slide to show the Exit button.
Press ? to see a list of additional shortcuts.
---
Animating code blocks
Code blocks with highlighted line numbers need to be specified in HTML. See the upstream reveal.js documentation for details.
Example:
// This
// is
// a test
// of code blocks.
---
More
For additional features, see the reveal.js documentation.
``
> [!NOTE]
>
> Other examples can be found on this plugin's GitHub repository.
>
Installing
Search for "reveal.js" under the plugins tab in Joplin's settings.
!screenshot shows "reveal.js" in the search bar of the "plugins" tab of Joplin's settings.
Keyboard shortcuts
- Press f to enter fullscreen and esc to exit fullscreen.
- Press p to print the slideshow.
- Press q or navigate to the last slide to show the Exit button.
- Press ? to see a list of additional shortcuts.
Custom theme
It's possible to customize the theme for a slideshow with CSS by adding a
`
3. Adjust the colors in the