Skip to content

Commit

Permalink
update fix-date (PR from TinaCMS) (#2361)
Browse files Browse the repository at this point in the history
TinaCMS content update

Co-authored-by: tina-cloud-app[bot] <58178390+tina-cloud-app[bot]@users.noreply.github.com>
Co-authored-by: Jack Pettit <[email protected]>
  • Loading branch information
tina-cloud-app[bot] and JackDevAU authored Oct 23, 2024
1 parent 89857a4 commit c745033
Showing 1 changed file with 8 additions and 7 deletions.
15 changes: 8 additions & 7 deletions content/blog/mermaid-tina-progress.mdx
Original file line number Diff line number Diff line change
@@ -1,29 +1,30 @@
---
title: "Progress Update: TinaCMS + Mermaid"
date: '2024-010-10T14:00:00.000Z'
last_edited: '2024-010-10T14:00:00.000Z'
title: 'Progress Update: TinaCMS + Mermaid'
date: '2024-10-09T14:00:00.000Z'
last_edited: '2024-10-09T14:00:00.000Z'
author: Jack Pettit
prev: ''
next: ''
---

The ability to integrate and manage Mermaid diagrams within TinaCMS is nearly here, offering more flexibility for content creators working with visual representations like flowcharts, sequence diagrams, and more. Here’s a look at where things stand with this feature and what’s coming next.

### Part 1: Plate.js Integration (Completed)

Mermaid diagrams are now fully integrated into the **Plate editor**. Using the `mermaid` package, diagrams can be edited and rendered directly within the editor.
Mermaid diagrams are now fully integrated into the **Plate editor**. Using the `mermaid` package, diagrams can be edited and rendered directly within the editor.

![](/img/blog/mermaid-progress.gif)
**Figure: Mermaid Diagram editing/Rendering inside the Rich Text Editor**

### Part 2: Parsing and Saving Mermaid Diagrams (In Progress)

The next phase focuses on **parsing and saving** these diagrams. Since TinaCMS uses customized `mdast`, the challenge lies in ensuring the Mermaid syntax is correctly parsed, saved, and reloaded without issues.
The next phase focuses on **parsing and saving** these diagrams. Since TinaCMS uses customized `mdast`, the challenge lies in ensuring the Mermaid syntax is correctly parsed, saved, and reloaded without issues.

### What’s Next?

Next steps include polishing the parsing and saving process and rolling out the final deployment. This will be coming in the 2.3.0 release of `tinacms`. Once that’s done, you will be able to fully integrate, edit, and save Mermaid diagrams within TinaCMS 🦙

In the meantime, feel free to explore the development progress over at https://github.com/tinacms/tinacms/issues/4734

In the meantime, feel free to explore the development progress over at [https://github.com/tinacms/tinacms/issues/4734](https://github.com/tinacms/tinacms/issues/4734)

Thank you for your continued support and feedback!

Expand Down

0 comments on commit c745033

Please sign in to comment.