From c745033f7821a29df45c0fa46e7bffacd815a134 Mon Sep 17 00:00:00 2001 From: "tina-cloud-app[bot]" <58178390+tina-cloud-app[bot]@users.noreply.github.com> Date: Wed, 23 Oct 2024 16:10:43 +1100 Subject: [PATCH] update fix-date (PR from TinaCMS) (#2361) TinaCMS content update Co-authored-by: tina-cloud-app[bot] <58178390+tina-cloud-app[bot]@users.noreply.github.com> Co-authored-by: Jack Pettit --- content/blog/mermaid-tina-progress.mdx | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/content/blog/mermaid-tina-progress.mdx b/content/blog/mermaid-tina-progress.mdx index 106c7fe8b..fdc501165 100644 --- a/content/blog/mermaid-tina-progress.mdx +++ b/content/blog/mermaid-tina-progress.mdx @@ -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!