2012-05-23
_ 日記編集時にカテゴリの入力補完をできるようにしてみる
tDiary のカテゴリ入力は自分で記入するか,設定によっては日記本文の texarea 下部のリストから入力できます.カテゴリはタグとしても利用することが可能で,使い方によってはその数は結構な数になってきます.この日記では全部で267個のカテゴリが定義されています.一部は大文字,小文字の違いで重複しているものもありますが,この中から目的のカテゴリを探すのは結構大変.
こういうときは一部の文字を入力したときに入力補完をしてくれると便利.Issue にもこの件はあがっていて,jQuery UI の autocomplete を利用すると実際にどうなるか試してみました.
プラグインを有効にすると日記本文の textarea の下にカテゴリ入力欄が追加されます.ここにカテゴリ名の一部を入力すると,カテゴリ名の候補が表示されます.マウスや矢印キーで入力したいカテゴリを選択すると,日記本文の textarea のカーソル位置に挿入されます.
とりあえずは日記編集画面だけとかでも,標準で jQuery UI を利用できるようにしてもいいんじゃないかなぁ.
カテゴリ操作系のUIはtextareaの上にあったほうがいいかなぁと思っていたりします。(textarea下部を操作するためにマウス動かすのがおっくうな怠け者)
上と下どちらがいいのか迷って,ひとまず既存のリストの置き換えということで同じ場所にしてみています.カテゴリ入力をするためにカーソルをtextareaの先頭に移動させることを考えると,上のほうがいいのかな.