mirror of
https://github.com/BookStackApp/BookStack.git
synced 2026-02-08 03:09:39 +03:00
Mermaid & Bookstack #4938
Reference in New Issue
Block a user
Delete Branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Originally created by @ishaulov on GitHub (Sep 6, 2024).
Attempted Debugging
Searched GitHub Issues
Describe the Scenario
Hi. My friends want to use Mermaid in Bookstack to work with diagrams. I found this solution here, but for some reason it doesn't work: https://github.com/BookStackApp/BookStack/issues/566#issuecomment-2009445049
I use this script.
There are no errors in
/var/www/bookstack/storage/logs/laravel.logand/var/www/log/apache2/, there is access from Bookstack server to mjs-file.The browser Console is empty.
Can you please help me, what else can I check?
In the my browser:
Exact BookStack Version
v24.05.1
Log Content
No response
Hosting Environment
Ubuntu 22.04.4 LTS
PHP 8.1.2-1ubuntu2.18 (cli) (built: Jun 14 2024 15:52:55) (NTS)
Copyright (c) The PHP Group
Zend Engine v4.1.2, Copyright (c) Zend Technologies
with Zend OPcache v8.1.2-1ubuntu2.18, Copyright (c), by Zend Technologies
@ssddanbrown commented on GitHub (Sep 7, 2024):
Hi @ishaulov,
Mermaid, and this customization, isn't officially supported at all so support may be limited and/or I may soon close this off.
It'd be worth checking the browser developer tools console log for errors, since this code is running all in-browser.
Also, how are you adding the mermaid code into the page? Looks like it needs to be tagged in a specific way using a class.
@ishaulov commented on GitHub (Sep 7, 2024):
@ssddanbrown thanks for reply!
Oh, I check the browser developer tools console log, and many other tools.
Code into the page:
Browser console:
Source:
@ishaulov commented on GitHub (Sep 9, 2024):
@ssddanbrown Hi!
I use div and the mermaid is working! 😃
@mewejo commented on GitHub (Sep 20, 2024):
How are you putting HTML into the book without BookStack escaping it @ishaulov ? I've tried WYSIWYG, both markdown editors and div/pre tags.
Only way I can get it to render is edit the book directly in the DB.
@ishaulov commented on GitHub (Sep 20, 2024):
@mewejo Hi! I use markdown editor:
For example:
@AidasK commented on GitHub (May 22, 2025):
This does not work on more complex mermaid diagrams as they might involve custom markdown syntax which forces makrdown to include custom html. Would love to see some other solution which would allow us to extend CommonMark editor.