diff --git a/packages/mermaid/src/diagrams/error/errorRenderer.ts b/packages/mermaid/src/diagrams/error/errorRenderer.ts
index 05abae7c7..da3564997 100644
--- a/packages/mermaid/src/diagrams/error/errorRenderer.ts
+++ b/packages/mermaid/src/diagrams/error/errorRenderer.ts
@@ -22,7 +22,12 @@ export const setConf = function (cnf: any) {
* @param mermaidVersion - The version
* @param error - The caught error
*/
-export const draw = (_text: string, id: string, mermaidVersion: string, error: Error | null = null) => {
+export const draw = (
+ _text: string,
+ id: string,
+ mermaidVersion: string,
+ error: Error | null = null
+) => {
try {
log.debug('Renering svg for syntax error\n');
diff --git a/packages/mermaid/src/diagrams/flowchart/flowRenderer-v2.js b/packages/mermaid/src/diagrams/flowchart/flowRenderer-v2.js
index ebb689843..fd771e3d5 100644
--- a/packages/mermaid/src/diagrams/flowchart/flowRenderer-v2.js
+++ b/packages/mermaid/src/diagrams/flowchart/flowRenderer-v2.js
@@ -59,12 +59,14 @@ export const addVertices = function (vert, g, svgId, root, doc, diagObj) {
if (evaluate(getConfig().flowchart.htmlLabels)) {
// TODO: addHtmlLabel accepts a labelStyle. Do we possibly have that?
const node = {
- label: vertexText.replace(
- /fa[blrs]?:fa-[\w-]+/g,
- (s) => ``
- ).replace(/\$\$(.*)\$\$/g, (r, c) =>
- katex.renderToString(c, { throwOnError: true, displayMode: true, output: 'mathml' }).replace(/\n/g, ' ').replace(//g, '')
- ),
+ label: vertexText
+ .replace(/fa[blrs]?:fa-[\w-]+/g, (s) => ``)
+ .replace(/\$\$(.*)\$\$/g, (r, c) =>
+ katex
+ .renderToString(c, { throwOnError: true, displayMode: true, output: 'mathml' })
+ .replace(/\n/g, ' ')
+ .replace(//g, '')
+ ),
};
vertexNode = addHtmlLabel(svg, node).node();
vertexNode.parentNode.removeChild(vertexNode);
@@ -147,7 +149,8 @@ export const addVertices = function (vert, g, svgId, root, doc, diagObj) {
const labelText = vertexText.replace(/\$\$(.*)\$\$/g, (r, c) =>
katex
.renderToString(c, { throwOnError: true, displayMode: true, output: 'mathml' })
- .replace(/\n/g, ' ').replace(//g, '')
+ .replace(/\n/g, ' ')
+ .replace(//g, '')
);
// Add the node
g.setNode(vertex.id, {
@@ -319,7 +322,10 @@ export const addEdges = function (edges, g, diagObj) {
edgeData.label = edge.text
.replace(common.lineBreakRegex, '\n')
.replace(/\$\$(.*)\$\$/g, (r, c) =>
- katex.renderToString(c, { throwOnError: true, displayMode: true, output: 'mathml' }).replace(/\n/g, ' ').replace(//g, '')
+ katex
+ .renderToString(c, { throwOnError: true, displayMode: true, output: 'mathml' })
+ .replace(/\n/g, ' ')
+ .replace(//g, '')
);
if (edge.style === undefined) {
diff --git a/packages/mermaid/src/diagrams/flowchart/flowRenderer.js b/packages/mermaid/src/diagrams/flowchart/flowRenderer.js
index 4a6f59ea4..755cc0ff5 100644
--- a/packages/mermaid/src/diagrams/flowchart/flowRenderer.js
+++ b/packages/mermaid/src/diagrams/flowchart/flowRenderer.js
@@ -58,13 +58,13 @@ export const addVertices = function (vert, g, svgId, root, _doc, diagObj) {
if (evaluate(getConfig().flowchart.htmlLabels)) {
// TODO: addHtmlLabel accepts a labelStyle. Do we possibly have that?
const node = {
- label: vertexText.replace(
- /fa[blrs]?:fa-[\w-]+/g,
- (s) => ``
- ).replace(/\$\$(.*)\$\$/g, (r, c) =>
+ label: vertexText
+ .replace(/fa[blrs]?:fa-[\w-]+/g, (s) => ``)
+ .replace(/\$\$(.*)\$\$/g, (r, c) =>
katex
.renderToString(c, { throwOnError: true, displayMode: true, output: 'mathml' })
- .replace(/\n/g, ' ').replace(//g, '')
+ .replace(/\n/g, ' ')
+ .replace(//g, '')
),
};
vertexNode = addHtmlLabel(svg, node).node();
@@ -244,14 +244,14 @@ export const addEdges = function (edges, g, diagObj) {
edgeData.labelType = 'html';
edgeData.label = `${edge.text.replace(
- /fa[blrs]?:fa-[\w-]+/g,
- (s) => ``
- ).replace(/\$\$(.*)\$\$/g, (r, c) =>
- katex
- .renderToString(c, { throwOnError: true, displayMode: true, output: 'mathml' })
- .replace(/\n/g, ' ').replace(//g, '')
- )}`;
+ }">${edge.text
+ .replace(/fa[blrs]?:fa-[\w-]+/g, (s) => ``)
+ .replace(/\$\$(.*)\$\$/g, (r, c) =>
+ katex
+ .renderToString(c, { throwOnError: true, displayMode: true, output: 'mathml' })
+ .replace(/\n/g, ' ')
+ .replace(//g, '')
+ )}`;
} else {
edgeData.labelType = 'text';
edgeData.label = edge.text.replace(common.lineBreakRegex, '\n');