Draw.io Diagram Editor
by Odoo DevHouse https://apps.odoo.com/apps/modules/browse?author=Odoo%20DevHouse$ 180.00
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Lines of code | 340 |
| Technical Name |
draw_io_dh |
| License | OPL-1 |
| Website | https://apps.odoo.com/apps/modules/browse?author=Odoo%20DevHouse |
| Versions | 18.0 19.0 |
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Lines of code | 340 |
| Technical Name |
draw_io_dh |
| License | OPL-1 |
| Website | https://apps.odoo.com/apps/modules/browse?author=Odoo%20DevHouse |
| Versions | 18.0 19.0 |
Draw.io Diagram Editor
Type /drawio in any HTML field - the full Draw.io editor opens instantly. Create, edit and embed professional diagrams directly inside Odoo without leaving the page.
Teams that need diagrams in their Odoo records must constantly switch between Odoo and external tools - taking screenshots, uploading images, losing editability, and breaking their workflow every single time.
- No built-in diagram editor - users leave Odoo to draw in Lucidchart, Visio, or draw.io then paste screenshots
- Diagrams become uneditable images - once pasted, the source is lost and the diagram cannot be updated inside Odoo
- Context switching kills productivity - opening external tools, exporting, uploading, repeat
- No inline editability - updating a flowchart in a Task means starting over from a screenshot
- Poor PDF & report quality - rasterised screenshots look blurry in printed reports
This module integrates diagrams.net (Draw.io) - the world's most popular open-source diagram editor - directly into Odoo's HTML editor. Type /drawio anywhere, design your diagram in a fullscreen editor, click Save, and the diagram is embedded inline with full SVG quality. The original XML is preserved so any diagram can be reopened and edited at any time - directly inside Odoo, forever.
- /drawio Slash Command: Works in every Odoo HTML field - Tasks, CRM, Knowledge, Helpdesk, Products, Emails
- Fullscreen Draw.io Editor: Complete diagrams.net canvas with all shapes, connectors, layers, and templates
- Inline Embedding: Diagrams appear directly in the HTML field as crisp SVG images
- Always Editable: Double-click any diagram to reopen the editor with the original XML loaded - edit forever
- Floating Toolbar: Click a diagram to reveal Edit, Download SVG, and Delete buttons
- Zero Database Tables: Diagrams stored inline in the HTML field - no extra models or migrations
- SVG Quality: Vector output renders perfectly in PDF reports, portal pages, and print
- Download SVG: Export any embedded diagram as an SVG file directly from the floating toolbar
- No Odoo Core Changes: Pure plugin approach - installs and uninstalls cleanly
- Odoo 18 Community & Enterprise: Built on OWL and the Odoo 18 html_editor plugin system
Flowcharts
Process flows, decision trees, approval workflows - embedded directly in task descriptions or project notes.
UML Diagrams
Class, sequence, component diagrams - technical documentation alongside your Odoo tickets and specs.
ER Diagrams
Database schemas and entity relationship models inside Knowledge articles or project specifications.
BPMN
Business process models with swimlanes, events, gateways - directly in CRM or project records.
Org Charts
Team structures and reporting lines inside HR notes, onboarding documents, or department pages.
Mind Maps
Brainstorm ideas, project scopes, and feature breakdowns visually inside tasks and internal notes.
Network Diagrams
Infrastructure, server architecture, and network topologies in technical helpdesk tickets or product specs.
Wireframes
UI wireframes and screen mockups attached to development tasks, feature requests, or CRM proposals.
Architecture Diagrams
System architecture, microservices, and deployment topologies in your technical knowledge base.
| Odoo Module | Field / Location | Use Case |
|---|---|---|
| Project | Task Description | Process flows, architecture specs |
| Knowledge | Article Body | Technical docs, onboarding guides |
| CRM | Lead / Opportunity Notes | Proposal diagrams, client flows |
| Helpdesk | Ticket Description | Bug reproductions, network maps |
| Sales / Products | Product Description | Assembly guides, feature maps |
| Email Composer | Email Body | Client proposals with diagrams |
Any model using fields.Html - no field-specific configuration required | ||
Open Any HTML Field and Type /drawio
Click inside any Odoo HTML editor and type /drawio. The Powerbox command palette shows the Draw.io Diagram option under the Diagrams category.
Fullscreen Draw.io Editor Opens
The complete diagrams.net editor launches fullscreen with all shapes, connectors, stencil libraries, layers, undo/redo, zoom, and the full template gallery.
Design Your Diagram
Use any Draw.io feature - drag shapes, add connectors, apply styles, use swimlanes, BPMN/UML/network shape libraries, apply themes. Everything diagrams.net offers.
Click Save & Exit
Click Save & Exit. The module exports the diagram as a high-quality SVG and stores the editable Draw.io XML inline in the HTML field - no server round-trips.
Diagram Appears Inline
The diagram embeds as a crisp SVG image directly in the HTML field. It renders perfectly in form views, portal pages, PDF reports, and emails at any size.
Edit Any Time - Double-Click or Toolbar
Double-click any diagram to reopen Draw.io with the full XML loaded. Or click once for the floating toolbar with Edit, Download SVG, and Delete. Editable forever.
Step 1 - /drawio Command in the Powerbox
Type /drawio in any Odoo HTML field. The Powerbox shows the Draw.io Diagram command under the Diagrams category.
Step 2 - Fullscreen Draw.io Editor
The complete diagrams.net editor opens fullscreen with all shapes, libraries, connectors, layers, and templates.
Step 3 - Diagram Embedded Inline
After saving, the diagram appears as a crisp SVG image directly in the Odoo HTML field.
Step 4 - Floating Toolbar on Click
Click any embedded diagram to show the floating toolbar: Edit Diagram, Download SVG, Delete.
Step 5 - Re-Edit Existing Diagram
Double-click to reopen Draw.io with the original XML fully loaded and ready to edit.
No Context Switching
Design diagrams without leaving Odoo. No more tabs to external tools, no more screenshot-upload cycles.
Diagrams Stay Editable
Unlike pasted screenshots, every embedded diagram retains its full Draw.io XML - click to update it anytime.
Perfect PDF Output
SVG output renders at full vector quality in QWeb PDF reports - crisp lines and text at any size or resolution.
Zero Overhead
No extra database tables or models. Diagrams live inside the HTML field - architecture as simple as it gets.
Need Help or Have a Feature Request?
Odoo Proprietary License v1.0 This software and associated files (the "Software") may only be used (executed, modified, executed after modifications) if you have purchased a valid license from the authors, typically via Odoo Apps, or if you have received a written agreement from the authors of the Software (see the COPYRIGHT file). You may develop Odoo modules that use the Software as a library (typically by depending on it, importing it and using its resources), but without copying any source code or material from the Software. You may distribute those modules under the license of your choice, provided that this license is compatible with the terms of the Odoo Proprietary License (For example: LGPL, MIT, or proprietary licenses similar to this one). It is forbidden to publish, distribute, sublicense, or sell copies of the Software or modified copies of the Software. The above copyright notice and this permission notice must be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Please log in to comment on this module