http://groupkos.com/dev/index.php?action=history&feed=atom&title=HTML_Mermaid_Flow_Chart
HTML Mermaid Flow Chart - Revision history
2026-05-11T01:45:50Z
Revision history for this page on the wiki
MediaWiki 1.39.3
http://groupkos.com/dev/index.php?title=HTML_Mermaid_Flow_Chart&diff=5512&oldid=prev
XenoEngineer: XenoEngineer moved page HTML Markdown to HTML Mermaid Flow Chart without leaving a redirect
2026-01-23T10:54:33Z
<p>XenoEngineer moved page <a href="/dev/index.php/HTML_Markdown" title="HTML Markdown">HTML Markdown</a> to <a href="/dev/index.php/HTML_Mermaid_Flow_Chart" title="HTML Mermaid Flow Chart">HTML Mermaid Flow Chart</a> without leaving a redirect</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<tr class="diff-title" lang="en">
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 10:54, 23 January 2026</td>
</tr><tr><td colspan="2" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div>
</td></tr></table>
XenoEngineer
http://groupkos.com/dev/index.php?title=HTML_Mermaid_Flow_Chart&diff=5511&oldid=prev
XenoEngineer at 10:44, 23 January 2026
2026-01-23T10:44:24Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 10:44, 23 January 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Category:Markdown]]</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Category:HTML]]</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Category:javascript]]</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><pre style="margin-left:3em; font:normal 14px terminal;"><!DOCTYPE html></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><pre style="margin-left:3em; font:normal 14px terminal;"><!DOCTYPE html></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><html></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><html></div></td></tr>
</table>
XenoEngineer
http://groupkos.com/dev/index.php?title=HTML_Mermaid_Flow_Chart&diff=5510&oldid=prev
XenoEngineer: Created page with "<pre style="margin-left:3em; font:normal 14px terminal;"><!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Mermaid via JS Constant</title> <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script> <style> body { font-family: sans-serif; padding: 2em; } </style> </head> <body> <h1>Mermaid Chart Injected via JavaScript</h1> <div id="chart"></div> <script> const chartCode = ` graph TD A[Start] --> B{Is it workin..."
2026-01-23T10:25:06Z
<p>Created page with "<pre style="margin-left:3em; font:normal 14px terminal;"><!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Mermaid via JS Constant</title> <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script> <style> body { font-family: sans-serif; padding: 2em; } </style> </head> <body> <h1>Mermaid Chart Injected via JavaScript</h1> <div id="chart"></div> <script> const chartCode = ` graph TD A[Start] --> B{Is it workin..."</p>
<p><b>New page</b></p><div><pre style="margin-left:3em; font:normal 14px terminal;"><!DOCTYPE html><br />
<html><br />
<head><br />
<meta charset="UTF-8" /><br />
<title>Mermaid via JS Constant</title><br />
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script><br />
<style><br />
body { font-family: sans-serif; padding: 2em; }<br />
</style><br />
</head><br />
<body><br />
<br />
<h1>Mermaid Chart Injected via JavaScript</h1><br />
<div id="chart"></div><br />
<br />
<script><br />
const chartCode = `<br />
graph TD<br />
A[Start] --> B{Is it working?}<br />
B -- Yes --> C[Celebrate]<br />
B -- No --> D[Fix it]<br />
D --> B<br />
`;<br />
<br />
const container = document.getElementById('chart');<br />
container.innerHTML = '<div class="mermaid">' + chartCode + '</div>';<br />
<br />
mermaid.initialize({ startOnLoad: true });<br />
mermaid.init(undefined, container.querySelectorAll(".mermaid"));<br />
</script><br />
<br />
</body><br />
</html><br />
</pre></div>
XenoEngineer