Skip to Content

Abilium Draw.io Integration

by
Odoo

$ 230.28

v 18.0 Third Party 1
Availability
Odoo Online
Odoo.sh
On Premise
Lines of code 1473
Technical Name abilium_drawio
LicenseLGPL-3
Websitehttps://www.abilium.io
Versions 17.0 18.0 19.0
You bought this module and need support? Click here!
Availability
Odoo Online
Odoo.sh
On Premise
Lines of code 1473
Technical Name abilium_drawio
LicenseLGPL-3
Websitehttps://www.abilium.io
Versions 17.0 18.0 19.0

Abilium Draw.io Integration

Create and edit professional diagrams directly in Odoo HTML fields

Odoo 17.0+ SVG Support No Database
Draw.io Integration Screenshot
Slash Command Integration

Simply type /drawio in any HTML field to instantly open the Draw.io editor. No complex setup or configuration required.

Scalable Vector Graphics

Uses SVG format for crisp, scalable diagrams that look perfect at any zoom level. No pixelation or quality loss.

Easy Editing

Click the edit button on any diagram to modify it. Changes are saved directly to the HTML field with full version control.

Universal Compatibility

Works in all HTML fields across Odoo - Notes, Tasks, Helpdesk tickets, Project descriptions, and more.

Efficient Storage

No database tables required. All diagram data is stored efficiently in HTML attributes, keeping your database clean.

Modern UI

Fullscreen modal dialog with native Odoo styling. Seamless integration with your existing Odoo interface.

How to Use

1 Create a Diagram
Click in any HTML field and type /drawio, then press Enter to open the editor.
2 Design Your Diagram
Use the full-featured Draw.io editor to create flowcharts, org charts, wireframes, and more.
3 Save and Insert
Click "Save" to insert your diagram directly into the HTML field as a scalable SVG.
4 Edit Anytime
Click on any diagram and use the "Edit" button to modify it. Changes are saved instantly.

Technical Specifications

Odoo Version 17.0+
Dependencies base, html_editor
Storage Format SVG + XML
Database Impact None
Browser Support All modern
Performance Lightweight

Support & Contact

support@abilium.io www.abilium.io

© 2025 Abilium GmbH. Licensed under LGPL-3.

Abilium Draw.io Integration

Overview

The Abilium Draw.io Integration module allows you to create and edit professional diagrams directly within Odoo's HTML fields using the powerful Draw.io editor. This integration provides a seamless way to add visual elements to your Odoo records without leaving the application.

Features

  • Slash Command Integration: Type /drawio in any HTML field to instantly open the Draw.io editor
  • Scalable Vector Graphics: Uses SVG format for crisp, high-quality diagrams at any zoom level
  • Easy Editing: Click the edit button on existing diagrams to modify them
  • Universal Compatibility: Works in all HTML fields across Odoo (Notes, Tasks, Helpdesk, etc.)
  • No Database Storage: Efficient storage using HTML attributes, keeping your database clean
  • Modern UI: Fullscreen modal dialog with native Odoo styling

Installation

  1. Install the module from the Odoo App Store or manually
  2. No additional configuration required
  3. The module works immediately after installation

Usage

Creating a Diagram

  1. Navigate to any HTML field in Odoo (Notes, Task descriptions, Helpdesk tickets, etc.)
  2. Click in the HTML field to position your cursor
  3. Type /drawio and press Enter
  4. The Draw.io editor will open in a fullscreen modal dialog
  5. Create your diagram using the full-featured Draw.io editor
  6. Click "Save Diagram" to insert the diagram into the HTML field

Editing a Diagram

  1. Click on an existing diagram in an HTML field
  2. Click the "Edit" button that appears in the toolbar
  3. The Draw.io editor will open with your existing diagram loaded
  4. Make your changes
  5. Click "Save Diagram" to update the diagram

Supported Diagram Types

The Draw.io editor supports a wide variety of diagram types:

  • Flowcharts: Process flows, decision trees, workflow diagrams
  • Organizational Charts: Company structures, team hierarchies
  • System Architecture: Network diagrams, database schemas, system components
  • UML Diagrams: Class diagrams, sequence diagrams, use case diagrams
  • Wireframes: UI mockups, website layouts, application interfaces
  • Mind Maps: Brainstorming, idea organization, project planning
  • Gantt Charts: Project timelines, task scheduling
  • And many more: BPMN, ERD, AWS diagrams, and more

Technical Details

System Requirements

  • Odoo Version: 19.0 or higher
  • Dependencies: base, html_editor
  • Browser: Modern browser with JavaScript enabled
  • Internet: Required for Draw.io editor (embeds from diagrams.net)

Storage Format

  • Format: SVG (Scalable Vector Graphics) for optimal quality and scaling
  • Storage: Data stored in HTML attributes (data-drawio-xml and data-src)
  • Database Impact: No additional database tables created
  • Performance: Lightweight and fast loading

Browser Compatibility

  • Chrome 80+
  • Firefox 75+
  • Safari 13+
  • Edge 80+

Troubleshooting

Common Issues

Draw.io Editor Not Loading
  • Cause: Internet connection issues or browser security settings
  • Solution: Check your internet connection and ensure popups are allowed for your Odoo domain
Edit Button Not Appearing
  • Cause: Module not fully loaded or diagram not properly initialized
  • Solution: Refresh the page and try again. Ensure the diagram has the proper data-drawio-xml attribute
Diagrams Not Displaying
  • Cause: SVG rendering issues or corrupted data
  • Solution: Check browser console for errors, ensure you're using a modern browser, try recreating the diagram
Slash Command Not Working
  • Cause: HTML field not properly initialized or WYSIWYG editor not loaded
  • Solution: Click in the HTML field first, then type /drawio. Ensure the field supports rich text editing

Performance Optimization

  • Large Diagrams: For very large diagrams, consider breaking them into smaller, more focused diagrams
  • Multiple Diagrams: The module handles multiple diagrams per HTML field efficiently
  • Browser Cache: Diagrams are cached by the browser for faster loading

Security Considerations

  • Data Privacy: All diagram data is stored locally in HTML attributes
  • External Services: Draw.io editor loads from the official diagrams.net domain
  • No Data Transmission: Diagram data is not sent to external servers (except for the Draw.io editor itself)
  • Access Control: Diagram access follows the same permissions as the containing record

Support and Maintenance

Getting Help

  • Email Support: support@abilium.io
  • Website: https://www.abilium.io
  • Documentation: This file and the module's README.md

Reporting Issues

When reporting issues, please include:

  1. Odoo version
  2. Browser and version
  3. Steps to reproduce the issue
  4. Screenshots if applicable
  5. Browser console errors

Updates and Maintenance

  • Automatic Updates: The module updates automatically with Odoo updates
  • Compatibility: Regular updates ensure compatibility with new Odoo versions
  • Security: Security updates are provided as needed

License

This module is licensed under LGPL-3. See the module's README.md file for complete license information.

Changelog

Version 1.0.0

  • Initial release
  • Draw.io editor integration via slash commands
  • SVG support for crisp scaling
  • Edit functionality for existing diagrams
  • Universal HTML field compatibility
  • No database storage required

Please log in to comment on this module

  • The author can leave a single reply to each comment.
  • This section is meant to ask simple questions or leave a rating. Every report of a problem experienced while using the module should be addressed to the author directly (refer to the following point).
  • If you want to start a discussion with the author or have a question related to your purchase, please use the support page.