久しぶりに検索してみた。 tinymce/tinymce: The world’s #1 JavaScript library for rich text editing. Available for React, Vue and Angular 保存形式が良くわからない summernote/summernote: Super simple WYSIWYG editor マークダウンではなくてHTMLで取り出す？ Saul-Mirone/milkdown: 🍼 Plugin driven WYSIWYG markdown editor framework. 良さそう。 mycolorway/simditor: An Easy and Fast WYSIWYG Editor 行やカラムの追加削除ができない？ 以前調べていた時もMilkdownは候補に挙がっていて、Reactとか面倒だと思って不採用にして Read more
<が消えるのはエスケープ処理を入れることで回避できた。 https://github.com/umemak/mdmml_js/commit/7227e554490538dca2a2dce428fb0382297100f4 ここまでできたら、アプリ化したい。 Flutterは言語が違うけど、WebView的なものでラップすればいけるかな。
JSONをマークダウンに変換するのは比較的簡単にできた。 mdmmlに組み込んでサンプル鳴らしてみたらなんかおかしい。 よく見ると<と>に囲まれたところが消えている。タグ扱いされてしまっているようだ。 JSONに保存するタイミングで<などが<などに変換されているなぁ。
codex-team/editor.jsの出力をIonicaBizau/json2md: A JSON to Markdown converter.に入れてみた。 思ってはいたけど、ダメだった。 面倒でも自作しないといけないか。。
以前調べたマークダウンエディタ、codex-team/editor.jsは保存形式がJSONだったのであきらめたけど、JSONとマークダウンを相互変換できればやりたいことが実現できるのではないか？
先日買ったJavaScriptモダンプログラミング完全ガイド、まだ途中だけど結構理解が進む気がする。 節ごとに難易度表示のアイコンがあるのも親切で良い。
マークダウン部分の入力に使うライブラリを探す。 markdown WYSIWYGをキーワードにnpmを検索した結果、 outline/rich-markdown-editor: The open source React and Prosemirror based markdown editor that powers Outline. Want to try it out? Create an account: 良さそうだけどArchivedになっててメンテナンスされてない？ nhn/tui.editor: 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. プレビュー形式ではなくて、直接編集したい codex-team/editor.js: A block-styled editor with clean JSON output 良さそう Saul-Mirone/milkdown: 🍼 Plugin Read more
JavaScriptモダンプログラミング完全ガイド 堅牢なコードを効率的に開発できる！ impress top gearシリーズ | Cay S. Horstmann, 吉川 邦夫 | 工学 | Kindleストア | Amazon Kindle版が安く売ってたので買ってみた。
magenta-jsがうまく動いてくれなくて、他に似たもの探して jazz-soft/JZZ-gui-Player: MIDI Player for browsersを使ってみた。 readmeのサンプルの通りだと音が出なかったけど、デモページのソースを参考にJZZ.synth.Tiny.register('Web Audio');を追加したらできた。 あとはエディタ部分をマークダ Read more