🔗 Link to the plugin page: https://zeroqode.com/plugin/markdown-parser-for-ai-models-plugin-1728460888744x379199770866245100
Demo to preview the plugin:
Live Demo: https://markdown-parser-ai.bubbleapps.io/
Introduction
This plugin parses Markdown to HTML and also displays the HTML output automatically! The plugin is optimized for the streaming response from AI models so you can easily render the Markdown output. It will parse the response instantly.
Please be aware that using multiple plugin elements on the page still will render only one Code Theme. You can not have loaded multiple Code themes on the same page.
How to setup
- Install the plugin
- Set the plugin element “Markdown Parser” on the page
- Fill the fields
Plugin Element “Markdown Parser”
Converts Markdown to HTML, displays the rendered HTML, and allows for custom CSS styling. Option to disable display available.
Fields:
Title | Description | Type |
Markdown Input | (Optional) This field will accept your Markdown text. | Text |
Open links in a New Tab | If enabled, links in the Markdown content open in a new tab. | Checkbox |
Recognize LaTeX/KaTeX Math Formulas | When enabled, math formulas formatted as LaTeX/KaTeX will be rendered beautifully. For example:
\[
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
\].
You can use \(\) for inline formulas and \[\] for formulas rendered on a new line. | Checkbox |
CSS Styling | Custom CSS rules to style the parsed HTML content. Rules are scoped to only apply within the plugin's element container. | Text |
Code Theme Name | The Highlight.js theme name to style the highlighted code blocks. You can find all the themes here: https://highlightjs.org/examples.
Only official Highlight.js themes are fully supported. Custom themes from the list or unofficial ones might not work consistently, as they may include non-standard styles not covered by the core library. For reliable compatibility, stick with themes available on trusted CDNs like CDNJS. | Text |
Do Not Render HTML | If you only want to use the HTML from the plugin state you can enable this option. The plugin will not display the HTML. | Checkbox |
Exposed states
Name | Description | Type |
HTML | The generated HTML output from the Markdown input after parsing and applying styling. This HTML can be directly accessed for display or further manipulation. If “Do Not Render HTML” is enabled, the output is generated but not displayed. | Text |
Element Events
Name | Description |
Code Copied | Triggered when a code block's content is successfully copied to the clipboard. This event is fired upon clicking the copy button in the code block. |
Changelogs
Update 08.11.24 - Version 1.6.0
- Fixed "code copy button" event trigger and updated theme information.
Update 06.11.24 - Version 1.4.0
- Fixed rendered element output and copy code functionality.
Update 09.10.24 - Version 1.3.0
- Acquired by Zeroqode.
Update 26.07.24 - Version 1.2.5
- Small bug fix.
Update 26.07.24 - Version 1.2.4
- Improvements.
Update 26.07.24 - Version 1.2.3
- Added minor improvements for streaming responses.
Update 15.06.24 - Version 1.2.2
- Improvements.
Update 31.05.24 - Version 1.2.1
- Documentation updates.
Update 31.05.24 - Version 1.2.0
- Changed Math Formula Syntax to LaTex \(inline\( \[block\[ See demo page.
Update 30.05.24 - Version 1.1.1
- Description updates.
Update 30.05.24 - Version 1.1.0
- Added the option to parse LaTeX/KaTeX math formulas.
Update 29.05.24 - Version 1.0.3
- Added feature to open links in new tabs.
Update 15.05.24 - Version 1.0.2
- General optimizations.
Update 05.04.24 - Version 1.0.1
- Improvements.
Update 05.04.24 - Version 1.0.0
- Launch.
Update 04.04.24 - Version 0.0.10
- Improvements for public launch.
Update 30.03.24 - Version 0.0.9
- Patch.
Update 30.03.24 - Version 0.0.8
- Patch.
Update 30.03.24 - Version 0.0.7
- Added theme support for code blocks.
Update 28.03.24 - Version 0.0.6
- Improved copy code design.
Update 28.03.24 - Version 0.0.5
- Added trigger.
Update 28.03.24 - Version 0.0.4
- Added copy button to code field.
Update 28.03.24 - Version 0.0.3
- Added code highlighting.
Update 28.03.24 - Version 0.0.2
- Update.
Update 28.03.24 - Version 0.0.1
- Pre-launch.