mermaidjs#68 Class diagram parser breaks depending on length of conte…

…nt between brackets
mermaid-js · Nov 7, 2019 · 2c885a6 · 2c885a6
1 parent d425a42
commit 2c885a6
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/Preview.js b/src/components/Preview.js
@@ -57,6 +57,13 @@ class Preview extends React.Component {
     } = this.props
     try {
       mermaid.parse(code)
+      // Replacing special characters '<' and '>' with encoded '&lt;' and '&gt;'
+      let _code= code;
+      _code = _code.replace(/</g,'&lt;');
+      _code = _code.replace(/>/g,'&gt;');
+
+     // Overriding the innerHTML with the updated code string 
+      this.container.innerHTML = _code;
       mermaid.init(undefined, this.container)
     } catch (e) {
       // {str, hash}