marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-02 15:16:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #6600 from kimulaco/docs/6599_fix-preview-error

Browse Source 
docs: fix preview errors in the flowchart documentation
This commit is contained in:
Sidharth Vinod
2025-05-28 22:22:22 +05:30
committed by GitHub
parent 818699f347 e6be1e9202
commit 8a703bd09f
2 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/syntax/flowchart.md
View File

@@ -969,12 +969,7 @@ flowchart TD
You can use the `image` shape to include an image in your flowchart. The syntax for defining an image shape is as follows: You can use the `image` shape to include an image in your flowchart. The syntax for defining an image shape is as follows:
```mermaid-example
flowchart TD
A@{ img: "https://example.com/image.png", label: "Image Label", pos: "t", w: 60, h: 60, constraint: "off" }
``` ```
```mermaid
flowchart TD flowchart TD
A@{ img: "https://example.com/image.png", label: "Image Label", pos: "t", w: 60, h: 60, constraint: "off" } A@{ img: "https://example.com/image.png", label: "Image Label", pos: "t", w: 60, h: 60, constraint: "off" }
``` ```
@@ -1600,6 +1595,7 @@ flowchart LR
The "Markdown Strings" feature enhances flowcharts and mind maps by offering a more versatile string type, which supports text formatting options such as bold and italics, and automatically wraps text within labels. The "Markdown Strings" feature enhances flowcharts and mind maps by offering a more versatile string type, which supports text formatting options such as bold and italics, and automatically wraps text within labels.
```mermaid-example ```mermaid-example
---
config: config:
flowchart: flowchart:
htmlLabels: false htmlLabels: false
@@ -1616,6 +1612,7 @@ end
``` ```
```mermaid ```mermaid
---
config: config:
flowchart: flowchart:
htmlLabels: false htmlLabels: false

3
packages/mermaid/src/docs/syntax/flowchart.md
View File

@@ -576,7 +576,7 @@ flowchart TD
You can use the `image` shape to include an image in your flowchart. The syntax for defining an image shape is as follows: You can use the `image` shape to include an image in your flowchart. The syntax for defining an image shape is as follows:
```mermaid-example ```
flowchart TD flowchart TD
A@{ img: "https://example.com/image.png", label: "Image Label", pos: "t", w: 60, h: 60, constraint: "off" } A@{ img: "https://example.com/image.png", label: "Image Label", pos: "t", w: 60, h: 60, constraint: "off" }
``` ```
@@ -980,6 +980,7 @@ flowchart LR
The "Markdown Strings" feature enhances flowcharts and mind maps by offering a more versatile string type, which supports text formatting options such as bold and italics, and automatically wraps text within labels. The "Markdown Strings" feature enhances flowcharts and mind maps by offering a more versatile string type, which supports text formatting options such as bold and italics, and automatically wraps text within labels.
```mermaid-example ```mermaid-example
---
config: config:
flowchart: flowchart:
htmlLabels: false htmlLabels: false