nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-27 01:33:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

mermaid: classDiagram breaks when using <<interface>> #895

Browse source
This commit is contained in:
Sören Weber 2024-08-29 11:36:44 +02:00
parent 110c5124bd
commit 28975d0dbf
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
static/js/theme.js
View file

@ -157,6 +157,11 @@ function initMermaid( update, attrs ) {
txt.innerHTML = html; txt.innerHTML = html;
return txt.value; return txt.value;
}; };
var encodeHTML = function( text ){
var html = document.createElement( 'textarea' );
html.textContent = text;
return html.innerHTML;
};
var parseGraph = function( graph ){ var parseGraph = function( graph ){
// See https://github.com/mermaid-js/mermaid/blob/9a080bb975b03b2b1d4ef6b7927d09e6b6b62760/packages/mermaid/src/diagram-api/frontmatter.ts#L10 // See https://github.com/mermaid-js/mermaid/blob/9a080bb975b03b2b1d4ef6b7927d09e6b6b62760/packages/mermaid/src/diagram-api/frontmatter.ts#L10
@ -207,7 +212,7 @@ function initMermaid( update, attrs ) {
} }
is_initialized = true; is_initialized = true;
var graph = serializeGraph( parse ); var graph = encodeHTML( serializeGraph( parse ) );
var new_element = document.createElement( 'div' ); var new_element = document.createElement( 'div' );
Array.from( element.attributes ).forEach( function( attr ){ Array.from( element.attributes ).forEach( function( attr ){
new_element.setAttribute( attr.name, attr.value ); new_element.setAttribute( attr.name, attr.value );
@ -253,7 +258,7 @@ function initMermaid( update, attrs ) {
is_initialized = true; is_initialized = true;
parse.yaml.theme = theme; parse.yaml.theme = theme;
var graph = serializeGraph( parse ); var graph = encodeHTML( serializeGraph( parse ) );
element.removeAttribute('data-processed'); element.removeAttribute('data-processed');
element.innerHTML = graph; element.innerHTML = graph;
code.innerHTML = graph; code.innerHTML = graph;