- 新春6折: Odoo19全面升级已完成,微信小程序支付全场6折。
- 即时下载:购买后从我的 应用中心下载
- 服务支持:购买后15天内邮件 安装指导
- 授权许可:购买即代表同意 用户协议
- 售后承诺: odooApp.cn 的模块与主题均保证功能与您下载时所见描述一致,如有异议可在下单后15天内申请免费退款
- 更多支持:务必参考 FAQ常见问题与答疑
Markdown字段小部件,Markdown Widget for Odoo 18
Markdown字段小部件
为 Odoo 表单提供 Markdown 编辑与 Mermaid 图表本地渲染
为 Odoo 表单提供 Markdown 编辑/预览与 Mermaid 图表本地渲染,专为 AI LLM 对话设计
功能概述
在 Odoo 表单视图中为 text/html 字段提供 Markdown 编辑与实时预览,支持 Mermaid 图表(流程图、时序图、甘特图等)本地渲染,无需外网 CDN。纯 OWL 组件架构,零 jQuery 依赖,复用 Odoo 内置 Bootstrap 5.1.3。
在 Odoo 表单中为 text/html 字段提供 Markdown 编辑与实时预览,内置 Mermaid 图表本地渲染(流程图、时序图、甘特图等),无需外网 CDN。纯 OWL 组件,零 jQuery,复用 Odoo 内置 Bootstrap 5.1.3。
核心亮点
轻量、高效、无冗余依赖
1. 完整 Markdown 语法
Full Markdown Syntax
marked.js + GFM Extension
基于 marked.js,支持标题、列表、链接、代码块、表格、引用、任务列表、删除线等完整 GFM 语法
2. Mermaid 图表本地渲染
Local Mermaid Rendering
Flowchart, Sequence, Gantt, Class Diagram
支持流程图、时序图、甘特图、类图等 Mermaid 图表,本地加载 mermaid.min.js,无需外网 CDN
3. 轻量无冗余
Lightweight & Zero Redundancy
~40KB extra, reuses Odoo Bootstrap 5.1.3
复用 Odoo 内置 Bootstrap 5.1.3,移除 jQuery / bootstrap-markdown / showdown 等冗余依赖
4. 编辑预览实时切换
Edit & Preview Toggle
One-click toggle, auto-preview in readonly
一键切换 Markdown 编辑与实时渲染预览,只读模式自动展示渲染结果
5. AI LLM 对话适配
AI LLM Integration
Prompt & Response fields
专为 AI LLM 提示与响应字段设计,完美展示 AI 生成内容
6. 向下兼容双部件名
Backward Compatible Dual Widget
widget="markdown" & widget="bootstrap_markdown"
支持 markdown 和 bootstrap_markdown 两种部件名,向下兼容旧视图,零迁移成本
通用特性
多语言与多公司
Multi-Language & Multi-Company
完整的多语言翻译支持,适配全球化企业部署。原生多公司架构,数据严格隔离。
全版本兼容
Full Version Support
支持 Odoo 18,17,16,15,14,企业版、社区版及在线 SaaS.sh 版全版本兼容。
代码完全开源
Full Open Source
基于 LGPL-3 协议开源,代码透明可审计,支持二次开发与定制。
界面截图
核心功能界面一览
Markdown 编辑与预览
编辑预览模式切换
Mermaid 图表渲染
使用方法
安装模块
Install the module
添加 widget
Add widget="markdown"
编辑与预览
Edit & Preview
Mermaid 图表
Mermaid Diagrams
XML 视图示例
<!-- Markdown widget -->
<field name="description" widget="markdown"/>
<!-- With placeholder -->
<field name="notes" widget="markdown"
placeholder="Enter markdown here..."/>
<!-- Backward compatible -->
<field name="ai_response" widget="bootstrap_markdown"/>
Mermaid 语法示例
```mermaid
graph TD
A[Start] --> B{Decision}
B -->|Yes| C[Action 1]
B -->|No| D[Action 2]
C --> E[End]
D --> E
```
技术对比
| 项目 | app_web_widget_markdown |
|---|---|
| Markdown 解析器 | marked.js(完整 GFM) |
| Mermaid 图表 | 支持(本地加载,无需CDN) |
| Bootstrap 依赖 | 复用 Odoo 内置 |
| jQuery 依赖 | 不需要(OWL 组件) |
| 额外加载量 | ~40KB(仅 marked.js) |
| OWL 模板 | 独立 XML 文件 |
| 部件名 | markdown + bootstrap_markdown |
| 保存并发控制 | Mutex 互斥锁 |
依赖模块
- web(Odoo Web 核心)
odooai.cn
专业Odoo服务伙伴,开发、实施、咨询、培训全套解决方案
规格
| 版本 | 20.0, 19.0, 18.0 |