From ec97d40242cdee4f5ea8a88ef1bd871d5b602121 Mon Sep 17 00:00:00 2001 From: Neil Cuzon <58763315+NeilCuzon@users.noreply.github.com> Date: Thu, 20 Aug 2020 02:19:16 -0700 Subject: [PATCH] Update Tutorials.md --- Tutorials.md | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/Tutorials.md b/Tutorials.md index fc079b357..1d52903ac 100644 --- a/Tutorials.md +++ b/Tutorials.md @@ -1,13 +1,13 @@ # Tutorials -**Edit this Page** [![N|Solid](./img/GitHub-Mark-32px.png)](https://github.com/mermaid-js/mermaid/blob/develop/docs/Tutorials.md) +**Edit this Page** [![N|Solid](./docs/img/GitHub-Mark-32px.png)](https://github.com/mermaid-js/mermaid/blob/develop/Tutorials.md) -This is list of Tutorials in Mermaid. +This is list of publicly available Tutorials in Mermaid. This is intended as a basic introduction for the use of the Live Editor and HTML with mermaid. -For most purposes, the Live-Editor is capable of taking care of all diagramming needs. +For the purposes, the Live-Editor is capable of taking care of all diagramming needs, and these are the most common use cases for it. -The definitions that can be generated here are also backwards-compatible for integrations, plug-ins and the live-editor. # Live-Editor Tutorials +The definitions that can be generated the Live-Editor are also backwards-compatible as of version 8.7.0. https://www.youtube.com/watch?v=SQ9QmuTHuSI&t=438s @@ -21,7 +21,12 @@ https://www.youtube.com/watch?v=7_2IroEs6Is&t=207s https://www.youtube.com/watch?v=9HZzKkAqrX8 -# Mermaid HTML tutorials and samples +# Mermaid HTML samples +Examples are provided in [Gettting Started](./docs/n00b-gettingStarted.md) +## Mermaid with Text Area: +https://codepen.io/Ryuno-Ki/pen/LNxwgR + +## Other CodePen Examples: