Skip to content

Instantly share code, notes, and snippets.

@martinwoodward
Created February 11, 2022 20:34
Show Gist options
  • Save martinwoodward/8ad6296118c975510766d80310db71fd to your computer and use it in GitHub Desktop.
Save martinwoodward/8ad6296118c975510766d80310db71fd to your computer and use it in GitHub Desktop.
GitHub HTML Rendering Pipeline
```mermaid
sequenceDiagram
    participant dotcom
    participant iframe
    participant viewscreen
    dotcom->>iframe: loads html w/ iframe url
    iframe->>viewscreen: request template
    viewscreen->>iframe: html & javascript
    iframe->>dotcom: iframe ready
    dotcom->>iframe: set mermaid data on iframe
    iframe->>iframe: render mermaid
```
sequenceDiagram
    participant dotcom
    participant iframe
    participant viewscreen
    dotcom->>iframe: loads html w/ iframe url
    iframe->>viewscreen: request template
    viewscreen->>iframe: html & javascript
    iframe->>dotcom: iframe ready
    dotcom->>iframe: set mermaid data on iframe
    iframe->>iframe: render mermaid
@manishapriya94
Copy link

Is the hyperlink solution support only for flowcharts? (Haven't been able to implement with user journey chart)

@xihajun
Copy link

xihajun commented Dec 8, 2022

Is the hyperlink solution support only for flowcharts? (Haven't been able to implement with user journey chart)

+1

@xihajun
Copy link

xihajun commented Dec 8, 2022

Looks like this works if we zoom in

graph TD;
    A[This is an <b>important</b> <a href='https://google.com'>link</a>]

@Anower77
Copy link

Excellent!

@devhindo
Copy link

bro it doesn't even render.

saying Unable to render rich display

@portothree
Copy link

What browser are you using? It renders just fine for me

@Anower77
Copy link

Anower77 commented Jun 30, 2023 via email

@portothree
Copy link

portothree commented Jun 30, 2023

chrome

Something must be blocking it from loading them, I'm using a chromium based browser and it works:
image

@devhindo
Copy link

chrome

Something must be blocking it from loading them, I'm using a chromium based browser and it works: image

It worked fine for today. Idk why maybe there was a load on the GitHub servers.

@stabenfeldt
Copy link

Is the hyperlink solution support only for flowcharts? (Haven't been able to implement with user journey chart)
+1

@kyouheicf
Copy link

Can you supoprt img tag for rendering the external image?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment