Last updated: 29 Jun 25 20:34:10 (UTC)
mermaid 7 latxex test
https://joplin.mptpro.com/shares/FFdAYMhXJOHq94ydLqt6l1
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.
// highlight.js is supported (through Joplin's
// markdown renderer).
function foo() {
alert('test');
}// highlight.js is supported (through Joplin's
// markdown renderer).
function foo() {
alert('test');
}Mermaid is also supported
graph TD;
Mermaid-->Also;
A-->B;
Also-->Works;
B-->Works;
graph TD;
Mermaid-->Also;
A-->B;
Also-->Works;
B-->Works;
Speaker notes can be created using an
<aside class="notes">
Notes!
</aside><aside class="notes">
Notes!
</aside>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.
Mermaid
gantt
title Git Issues - days since last update
dateFormat X
axisFormat %s
section Issue19062
71 : 0, 71
section Issue19401
36 : 0, 36
section Issue193
34 : 0, 34
section Issue7441
9 : 0, 9
section Issue1300
5 : 0, 5
gantt
title Git Issues - days since last update
dateFormat X
axisFormat %s
section Issue19062
71 : 0, 71
section Issue19401
36 : 0, 36
section Issue193
34 : 0, 34
section Issue7441
9 : 0, 9
section Issue1300
5 : 0, 5
sequenceDiagram
participant Alice
participant Bob
Alice->John: Hello John, how are you?
loop Healthcheck
John->John: Fight against hypochondria
end
Note right of John: Rational thoughts <br/>prevail...
John-->Alice: Great!
John->Bob: How about you?
Bob-->John: Jolly good!
sequenceDiagram
participant Alice
participant Bob
Alice->John: Hello John, how are you?
loop Healthcheck
John->John: Fight against hypochondria
end
Note right of John: Rational thoughts <br/>prevail...
John-->Alice: Great!
John->Bob: How about you?
Bob-->John: Jolly good!
gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to mermaid :1d
gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to mermaid :1d
pie
title Deceased Before Age 65
"Deceased" : 30
"Alive" : 70
pie
title Deceased Before Age 65
"Deceased" : 30
"Alive" : 70
pie title What it Takes to Earn $200k
"Grit" : 5
"People Skills" : 4
"Product Knowledge" : 1
pie title What it Takes to Earn $200k
"Grit" : 5
"People Skills" : 4
"Product Knowledge" : 1
xychart-beta
title "Sales Revenue"
x-axis [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec]
y-axis "Revenue (in $)" 4000 --> 11000
bar [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
line [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
xychart-beta
title "Sales Revenue"
x-axis [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec]
y-axis "Revenue (in $)" 4000 --> 11000
bar [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
line [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
quadrantChart x-axis Urgent --> Not Urgent y-axis Not Important --> "Important ❤" quadrant-1 Plan quadrant-2 Do quadrant-3 Delegate quadrant-4 Delete
quadrantChart x-axis Urgent --> Not Urgent y-axis Not Important --> "Important ❤" quadrant-1 Plan quadrant-2 Do quadrant-3 Delegate quadrant-4 Delete
gantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
excludes weekends
%% (`excludes` accepts specific dates in YYYY-MM-DD format, days of the week ("sunday") or "weekends", but not the word "weekdays".)
section A section
Completed task :done, des1, 2014-01-06,2014-01-08
Active task :active, des2, 2014-01-09, 3d
Future task : des3, after des2, 5d
Future task2 : des4, after des3, 5d
section Critical tasks
Completed task in the critical line :crit, done, 2014-01-06,24h
Implement parser and jison :crit, done, after des1, 2d
Create tests for parser :crit, active, 3d
Future task in critical line :crit, 5d
Create tests for renderer :2d
Add to mermaid :1d
Functionality added :milestone, 2014-01-25, 0d
section Documentation
Describe gantt syntax :active, a1, after des1, 3d
Add gantt diagram to demo page :after a1 , 20h
Add another diagram to demo page :doc1, after a1 , 48h
section Last section
Describe gantt syntax :after doc1, 3d
Add gantt diagram to demo page :20h
Add another diagram to demo page :48h
gantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
excludes weekends
%% (`excludes` accepts specific dates in YYYY-MM-DD format, days of the week ("sunday") or "weekends", but not the word "weekdays".)
section A section
Completed task :done, des1, 2014-01-06,2014-01-08
Active task :active, des2, 2014-01-09, 3d
Future task : des3, after des2, 5d
Future task2 : des4, after des3, 5d
section Critical tasks
Completed task in the critical line :crit, done, 2014-01-06,24h
Implement parser and jison :crit, done, after des1, 2d
Create tests for parser :crit, active, 3d
Future task in critical line :crit, 5d
Create tests for renderer :2d
Add to mermaid :1d
Functionality added :milestone, 2014-01-25, 0d
section Documentation
Describe gantt syntax :active, a1, after des1, 3d
Add gantt diagram to demo page :after a1 , 20h
Add another diagram to demo page :doc1, after a1 , 48h
section Last section
Describe gantt syntax :after doc1, 3d
Add gantt diagram to demo page :20h
Add another diagram to demo page :48h
year | apple | pear ----------- | ----- | ----- 2019 | 2 | 3 2020 | 4 | 6 2021 | 3 | 8 xAxisType: date xAxisNbOfTicks: 4 yAxisFormat: ($.0f yAxisNbOfTicks: 4 yAxisOrigin: from zero
year | apple | pear
----------- | ----- | -----
2019 | 2 | 3
2020 | 4 | 6
2021 | 3 | 8
xAxisType: date
xAxisNbOfTicks: 4
yAxisFormat: ($.0f
yAxisNbOfTicks: 4
yAxisOrigin: from zero