MermaidEditor

MermaidEditor

By 基伟 徐

  • Category: Developer Tools
  • Release Date: 2021-08-15
  • Current Version: 1.8.1
  • Adult Rating: 4+
  • File Size: 63.29 MB
  • Developer: 基伟 徐
  • Compatibility: Requires iOS 14.0 or later.
Score: 2.4
2.44444
From 9 Ratings
$3.99 On itunes

Description

MermaidEditor is a diagram and chart editor, powered by mermaid-js. And MermaidEditor supports iPhone, iPad and Mac, with one app you can edit diagram everywhere on any device. MermaidEditor supports mermaid-js syntax highlighting and code completion, so it can help writing diagram and chart clearly, easily and quickly. You can also easily export charts as PNG images or SVG files from the editor, or share image to other people with system actions. √ All Platforms - Both Mobile and Desktop platforms supported, you can edit diagram documents on iPhone, iPad or Mac - Document browser based app, easily edit files on device and sync document between devices - Multiple windows ready, it makes the editor more powerful on iPadOS - Keyboard shortcuts ready on iPadOS with keyboard connected √ Powerful Editor - Syntax Highlighting for mermaid-js grammar - Auto Completion in editor helps typing keywords quickly - Code Snippets likes parallel block in sequence diagram makes life easier - Instant Parsing Error indicator for locating syntax error √ Instant Preview - Auto Generated Preview when typing in editor - Zoom and Pan to move preview for checking diagram's detail - With Scroll wheel it can be easily zoom diagram on macOS √ Integrated Extensions - Thumbnail support, every .mmd file will has its own thumbnail when saving file - QuickLook Preview extension helps you preview mermaid document in Files app on iPhone or iPad and Finder on macOS √ Sharing - Save diagram document as its source with .mmd extension - Export diagram to PNG image or SVG file with one click For mermaid-js grammar, please visit https://mermaid-js.github.io/mermaid/ for documentation.

Screenshots

Reviews

  • Black on dark gray

    2
    By tgunr
    Basically, uselesss, text is black on a dark gray background making it almost impossible to see.

  • Opens .mmd files, and can export PNG or SVG easily

    5
    By Ericadia
    I picked this tool up after getting frustrated with the bad export functionality of the Mermaid live editor. I often need to export my mermaid charts to PNG or SVG. This tool handles that case very well, and the edior panel is clean and has nice code highlighting. I do with the editor pane had a light/dark mode though, as the white background is brutal on the eyes at night.

  • Useless without a select/copy/paste feature.

    1
    By Powrby4d
    No way to get any useful interactions in or out of this without a clipboard.

  • Basic and useful

    5
    By GoocherZ
    This is a basic app that utilizes the Mermaid JS descriptor language. (You can Google "mermaid-js" online for a complete syntax guide; that's what I did.) By "basic", I mean you can input line-by-line Mermaid JS syntax and it will render the diagram. You can also paste into the syntax editor area. (I tested this, because a one-star reviewer claimed otherwise. I copied-and-pasted a complete diagram into a new document, and it rendered fine. I am on an "M1" iPad Pro. Perhaps that matters?) Why am I giving it five stars while another gave it one? Because it is literally exactly what I needed. It is a very simple mermaid-js editor and renderer. There are no bells. There are no whistles. I did not need to copypasta from elsewhere, in fact. I only needed to type in my diagram to see it graphically. This app can generate an SVG from the diagram, but I would have been happy if I could have only screen-captured it. So, I'm happy with the app. I have been working on a difficult problem at work. Visually tying together existing components diagrammatically made life easier because I could determine which existing components to use, and which pieces of code I still needed to write. This app was helpful for me.

  • Useless

    1
    By tbjoe
    Cannot paste diagrams, basic function

  • Decent, but could use some improvements

    3
    By Jrwright
    Basically functions well. Pros: - Live editing. - Double-clicking an .mmd file does open the app, despite the other review. - pan and zoom of the diagram supported, though panning requires a click-and-hold, which is unatural for typical trackpad behavior on a Mac app (compare to the Maps app). - Generates diagrams from standard templates. - Link to the MermaidJS docs. Cons: - The cursor is almost invisible in the editor. I'm constantly losing track of it. - Needs better support for light/dark themes (this may help the cursor issue). - Large state diagram didn't render, and no errors were displayed. - Code completion only works for Mermaid key words, not user-defined symbols (compare to the official Live Editor)

  • Doesn't Support mmd Files

    2
    By Jeff_Kelley
    Despite the first screenshot, the app doesn't actually support opening .mmd files, which really limits its utility.

  • Don‘t waste your time and money

    1
    By the_disappointed_merman
    PSA: Don‘t waste your time and money. The editor does not have clipboard functionality, so unless you are into typing mermaid files from scratch this app is useless.

More by 基伟 徐

keyboard_arrow_up