Merge pull request #5167 from gorenje/gorenje-mermaid-fix

Mermaid diagram fix for rendering diagrams inside Node-RED
This commit is contained in:
Nick O'Leary
2025-06-25 16:48:31 +01:00
committed by GitHub
2 changed files with 2 additions and 2 deletions

View File

@@ -44,7 +44,7 @@ RED.editor.mermaid = (function () {
nodes.forEach(async node => {
if (!node.getAttribute('mermaid-processed')) {
const mermaidContent = node.innerText
const mermaidContent = atob($(node).data('c64'))
node.setAttribute('mermaid-processed', true)
try {
const { svg } = await mermaid.render('mermaid-render-'+Date.now()+'-'+(diagramIds++), mermaidContent);

View File

@@ -101,7 +101,7 @@ RED.utils = (function() {
renderer.code = function (code, lang) {
if(lang === "mermaid") {
return `<pre class='mermaid'>${code}</pre>`;
return `<pre style='word-break: unset;' data-c64='${btoa(code)}' class='mermaid'>${code}</pre>`;
} else {
return "<pre><code>" +code +"</code></pre>";
}