# Feature COMMS-1059 - Enable diagrams support in BlockNote on documents

Project: Stream Communicator
Status: on hold
URL: https://community.openproject.org/work_packages/COMMS-1059

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | 18.1.0 |
| Sprint | Sprint 20 |
| Backlog bucket |  |
| Votes |  |
| List |  |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

_No work packages_

## Bugs and other work packages

_No work packages_

## Technical Details

| Attribute | Value |
| --- | --- |
| Module | Modules and project features / Documents, Modules and project features / Text editor / BlockNoteJS |
| Feature Flag |  |
| Requires doc change | No |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups |  |
| Accessibility | No |

## People

| Attribute | Value |
| --- | --- |
| Assignee | Ihor Dubas |
| Accountable |  |
| Product manager |  |
| Developers |  |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

| Attribute | Value |
| --- | --- |
| PD (min) |  |
| PD (max) |  |
| Work |  |
| Labor costs |  |

## Description

**As** a user  
**I want to** be able to insert mermaid diagrams in a document

**Acceptance criteria**

  - Diagrams support is enabled on documents (see <https://www.blocknotejs.org/docs/features/blocks/diagrams#diagrams>)
    
      - Markdown export also needs to include the mermaid code for a diagram
    
      - Copy + Paste works well
        
          - HTML
        
          - plaintext / Markdown
        
          - to GitHub (if possible)
    
    <br>

**Technical notes**

  - Needs to be implemented in OpenProject (not op-blocknote-extensions)

  - Available only for BlockNote \>= 0.54 (so requires <mention class="mention" data-id="78981" data-type="work_package" data-text="###COMMS-982" data-display-id="COMMS-982">\#\#\#COMMS-982</mention> to be merged before)