GitHub/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-01-28 07:03:17 +08:00
Code Issues Projects Releases Wiki Activity

fix(katex): fixed rendering of KaTeX errors

Browse Source
This commit is contained in:
NicolasNewman 2023-02-13 12:52:22 -06:00
parent 58bc6c7f02
commit 483722fb3d
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/mermaid/src/diagrams/error/errorRenderer.ts
View File

@ -29,16 +29,19 @@ export const draw = (_text: string, id: string, mermaidVersion: string, error: E
const svg = select('#' + id);
const g = svg.append('g');
if (error && error.message.includes('KaTeX')) {
console.log(error);
if (error && error.message?.includes('KaTeX')) {
const title = error.message.split(': ')[0];
const body = error.message.replace(/[A-z]*:/, '').replace('KaTeX parse ', '');
g.append('foreignObject')
.attr('width', 2000)
.attr('height', 500)
.attr('height', 100)
.attr('width', 500)
.append('xhtml:div')
.style('font-size', '70px')
.html(`<h1>${title}</h1><p>${body}</p>`);
.style('font-size', '18px')
.style('color', '#552222')
.html(`<div style="font-size: 26px; margin-bottom: 8px">${title}</div><div>${body}</div>`);
svg.attr('height', 100);
svg.attr('width', 500);
} else {
g.append('path')
.attr('class', 'error-icon')