Skip to content

Content Editor: Support diagrams client-side deserializer

Enrique Alcántara requested to merge 365255-support-diagrams-client-side-deserializer into master

What does this MR do and why?

NOTICE: This MR is behind the preserve_unchanged_markdown feature flag.

It implements support for diagrams in the Content Editor’s client-side deserializer. Diagrams in GitLab Flavored Markdown are represented as code blocks with the languages: mermaid, plantuml, and kroki

Screenshots or screen recordings

Before After
Screen_Shot_2022-08-15_at_2.10.00_PM 2022-08-15_14.08.01

How to set up and validate locally

  1. Enable preserve_unchanged_markdown feature flag.
  2. Create or edit a Wiki page.
  3. Write a diagram in the Classic markdown editor.
  4. Switch to the Content Editor. You should see a code block with the diagram preview feature.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #365255 (closed)

Edited by Enrique Alcántara

Merge request reports