| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Lines of code | 414 |
| Technical Name |
mermaid_diagram |
| License | LGPL-3 |
| Website | https://github.com/K11E3R/mermaid_diagram |
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Lines of code | 414 |
| Technical Name |
mermaid_diagram |
| License | LGPL-3 |
| Website | https://github.com/K11E3R/mermaid_diagram |
Mermaid Diagrams for Odoo
Professional diagram rendering engine
Features
Real-Time Rendering
Instant diagram generation as you type. Zero latency, maximum productivity.
Enterprise Security
Strict mode prevents XSS. Built-in sanitization ensures data integrity.
Zero Configuration
Install and start creating. No setup, no dependencies, no hassle.
How to Use
Step 1: Insert Code Block
Type /code in any Knowledge article or HTML editor to insert a code block.
The command menu will appear instantly with various options.
Step 2: Select Mermaid
Click the language dropdown and choose Mermaid from the list. Native integration with Odoo's syntax highlighting system.
Step 3: Create Your Diagram
Write your diagram syntax and watch it render in real-time. Click any diagram to edit. Changes are saved automatically.
Supported Diagram Types
Powered by Mermaid.js 11.x - Industry standard diagramming engine
- Flowcharts
- Sequence Diagrams
- Gantt Charts
- ER Diagrams
- State Diagrams
- Class Diagrams
- Pie Charts
- User Journey
- Git Graphs
- Mind Maps
- Quadrant Charts
- Requirement Diagrams
Example Code
flowchart TD
A[Start] --> B[Receive Customer Request]
B --> C{Is Request Valid?}
C -->|No| D[Send Error Message]
D --> A
C -->|Yes| E[Create Quotation]
E --> F[Internal Review]
F --> G{Approved?}
G -->|No| H[Request Changes]
H --> E
G -->|Yes| I[Send Quotation to Customer]
I --> J{Customer Accepts?}
J -->|No| K[Close Request]
J -->|Yes| L[Create Sales Order]
L --> M[End]
Technical Excellence
Performance Optimization
CDN-based lazy loading. Diagram caching. Zero impact on pages without diagrams.
Theme Integration
Auto-detects Odoo light/dark modes. Custom color schemes with CSS variable support.
Data Persistence
Base64-encoded source preservation. Reliable auto-save. Version-safe storage.
Browser Compatibility
Chrome 90+, Firefox 88+, Safari 14+, Edge 90+. Full ES6 module support.
Installation
- Deploy module to Odoo addons directory
- Restart Odoo server instance
- Navigate to Apps and update apps list
- Search for Mermaid Diagrams
- Click Install button
- Begin creating diagrams immediately
Documentation & Source
For more information, visit:
https://mermaid.js.org/intro/
https://github.com/K11E3R/mermaid_diagram
About
Author: K11E3R
License: LGPL-3
Version: 19.0.1.0.0
Please log in to comment on this module