[Markdown Table Editor]Markdownのテーブルを簡単に編集できるWebサービスを作った

Markdown Table Editor

  
 

ここに貼り付けてテーブルになってるか確認してください

使い方

このグリッドはExcelライクに記述できます。
グリッドに内容を書くと
MarkdownのTableの書き方でテキストエリアに記述されます。
フィル操作やセルのコピーなどできます。
関数もいつかできるようにします。
AddボタンでRowとColumnを追加できます。
DeleteボタンでRowとColmunを削除できます。
Markdownのテキストエリアにすでに作成済みのMarkdownのテーブルを
貼り付けるとgridに反映されます。

良いMarkdownライフをお送りください。

あとがき

まぁブログ書いてる時のテーブルのめんどくささ。
これを解決するためにツールを作成しました。
Wordpressやgithubにも対応しております。
ただし使用は自己責任でお願い致します。
今のところmac,winのfirefoxなら正常に動く。
それ以外はあまり正常に動かない。。

  • v 1.0 ソースコード
    • とりあえず動く
  • v 1.1 ソースコード
    • Markdown の Table を textarea に copy すると grid に反映されるようになった!
  • v 1.2 ソースコード
    • gridを選択するとトップページにスクロールしてしまうバグの修正

多分今後やること

  • ヘッダの区切りのダッシュの数を列の最大文字数のものに合わせる。英語だけなら簡単なんだけど、日本語あるとどうなんだろう
  • 入力内容のセーブとロードする機能。これあると便利な気がする。

参考
Handsontable 使い方メモ1(基本)
Handsontable tutorial
Handsontableのマルチバイト(IME)バグ

スポンサードリンク