search

Zenika-Training / zenika-formation-framework

Tools to build and present our training material
8 stars 25 forks source link

Intégrer Mermaid pour les diagrammes #33

Open ldez opened 9 years ago

ldez commented 9 years ago

Mermaid est une super librairie pour faire des schémas en Markdown.

Ce serait cool de pour faire des diagrammes sans passer par des images dans les formations.

http://knsv.github.io/mermaid/index.html

Il existe un plugin (non testé) pour Reveal.js : https://github.com/ludwick/reveal.js-mermaid-plugin

ldez commented 9 years ago

Sinon il y a aussi http://flowchart.js.org

ggerbaud commented 9 years ago

C'est une bonne idée à étudier

ncuillery commented 9 years ago

:+1: en espérant que la lib + le plugin marche mieux que la CLI. Avec ce simple exemple:

graph LR
A(state)-->B(render)
B-->C(markup)
style A opacity:0;
style C opacity:0;

le SVG est cassé (c'est mentionné dans la doc) et le PNG est vide (image totalement transparente...)

L'éditeur en ligne fonctionne bien avec mon code en revanche: http://knsv.github.io/mermaid/live_editor/