---
author: B. A. Sylla
category: Tools
date: 2026-01-19
language: de
tags: Mermaid.js, PlantUML
---

Mermaid.js Editor und PlantUML Editor in HTML
=============================================

<!--<img class="bloghead" src="../../../_static/img/blogimg/open_books_on_a_table.jpg">-->

<small class="extrameta">Changed: {sub-ref}`today`, Words: {sub-ref}`wordcount-words`, Reading time: {sub-ref}`wordcount-minutes` min</small>

Ich habe über Weihnachten bei meiner Mutter einen <a href="../../../_static/html/editors/mermaid-editor.html">Mermaid.js Editor</a> und einen <a href="../../../_static/html/editors/plantuml-editor.html">PlantUML Editor</a> in HTML gebaut. Dafür habe ich ein Monatsabo von [Antrophic](https://www.anthropic.com) für ihre Chatbots (aktuell: [Claude Opus 4.5](https://www.anthropic.com/news/claude-opus-4-5), [Claude Sonnet 4.5](https://www.anthropic.com/news/claude-sonnet-4-5) und [Claude Haiku 4.5](https://www.anthropic.com/news/claude-haiku-4-5)) abgeschlossen. Der Monatspreis ist 18 Euro (statt 15 Euro bei Jahreszahlung) plus 19 % Mehrwertsteuer (=21,42 Euro). Und dann habe ich [Pair Programming](https://de.wikipedia.org/wiki/Paarprogrammierung) (a.k.a. AI Pair Programming oder auch [Vibe Coding](https://de.wikipedia.org/wiki/Vibe_Coding)) mit dem Chatbot Claude Sonnet 4.5 gemacht.

## Die Editoren

* <a href="../../../_static/html/editors/mermaid-editor.html">Mermaid.js Editor</a>
* <a href="../../../_static/html/editors/plantuml-editor.html">PlantUML Editor</a>