Markdownの表を整形するTextGridFieldを自作 - Compose Web

概要

• 自分用ツール
• マークダウンのテーブル形式を整形
• Kotlin Multiplatform の wasmjsターゲット Webアプリ

デモ

開発環境

• Windows 11
• Kotlin 2.2.10

ソース

ビルド・デプロイ等はREADME参照

Note

• '25/09現在 Compose wasmjs/Webターゲットで標準では日本語フォントを使用できない模様。M PLUS 1 Codeフォント を借用

• 日本語入力で1文字タイプする毎に変換前の文字列がすべて挿入される

NG Code

NG

        var t by remember { mutableStateOf("test") }
        var tx by remember { mutableStateOf(t) }
        TextField(t, onValueChange = { tx = it })
        t = tx // NG

• align時のカーソル位置の位置の調整だるい

TODO作業

• パフォーマンス改善
• 右から左へ方向へのテキスト選択ができない
• フォント切り替え
• 等幅フォントを探す。現在のフォントは微妙に等幅ではない