• Using latest WordPress 6.2.2, I installed the WP Mermaid plugin, then went to a post, added the WP Mermaid block at the end of the post, added to the editable part the following simple mermaid syntax:

    graph TD
    A-->B;
    A-->C;
    B-->D;
    C-->D;

    It rendered in the Editor fine.

    I saved the post by clicking on update and then clicked on “View Post”. The result was a typical Mermaid “Syntax error in graphmermaid version 9.4.3” with the Bomb icon. Following error in the browser console:

    Firefox:

    Uncaught ReferenceError: jQuery is not defined
    https://wp-62-blank-theme-design-style-guide.local/hello-world/:281

    Edge, Chrome:

    jQuery is not defined
    at (index):265:402

    When I edited the page, instead of the Mermaid rendering, the Mermaid syntax had been reduced to a single line. I clicked on the block, and the mermaid syntax returned to its edited format, but with a blank line inserted on the initial line. I erased that line, and the Mermaid diagram rendered; but viewing produced the same results, as did saving the post and re-editing.

    Thanks for updating this plugin!

  • The topic ‘Syntax Error on front end’ is closed to new replies.