だいたい 1年スパンで更新してるPlantUMLのオンラインエディタです。 Online Plant UML Editor 今回は、 CodeFlaskエディタを追加 CodeFlaskにPlantUMLシンタックスを追加 UML画像にドラッグスクロールを追加 複数保存、読み込み、削除機能を追加 しました。 LocalStorageに残っている古いバージョンのデータの関係で表示が壊れたらごめんなさい。 教えていただければ直します。 引き続きAceエディタも使えます。ボタン横のドロップダウンからエディタを選択してください。 でもAceエディタ日本語対応してないからCodeFlaskがおすすめやで。 おすすめオンラインコードエディタを教えていただければ組み込むかも。 実装の話 RollupとVue プレーンなJSでかいてたけど、いろいろ機能追加するにあたり、jQueryでやるのかこれ...って

http://sujoyu.github.io/plantuml-previewer/ 機能 書いたその場でShift+Enter、プレビューが表示されます プレビューしたタイミングでブラウザに保存します Emacs, Vimキーバインドが使えます PlantUMLのシンタクスハイライトされます 使った要素 Ace - The High Performance Code Editor for the Web GitHub - jvantuyl/sublime_diagram_plugin: A Plug-In for Sublime Text 2 / 3 To Render Diagrams In Your Source Code PlantUML : JQuery Integration 既知の問題 Emacsキーバインドを使っている時に、PC側のクリップボードの内容をペーストできない（