ジャンボモナカスマートフォン用の表示で見るジャンボモナカ34歳のハゲデブがHTML5ハイブリッドアプリ開発プラットフォームmonacaを始めました。Inputを使っていました。xoxco.com上のプラグインも便利なのですが、一点だけ欠点があり、それは、jQuery依存ということ。jQueryに依存しない独立したプラグインを探したところTaggle.jsというのを発見。sean.isまずは、npmを使ってプログラムをインストール。--save初期化をする前にまずはプログラムをインクルード。require("taggle");次に、第一引数にid属性の値を設定。Taggle('hoge');</script>ついでにCSSも追加する必要がありそうです。href="./minimal.css">初期値を設定したい場合は、初期化するタイミングで第二引数にtagsパラメータを設定すればいけそうです。tags:['#foo','#bar']});</script>デフォルトでは、小文字、大文字を区別しないので、厳密に、小文字と大文字を区別したい場合は、preserveCaseパラメータをtrueにすればよさそうです。true});</script>またデフォルトでプレースホルダーが表示されてしまっているので、何も表示させたくない場合、または、文言を変更したい場合は、placeholderパラメータを設定すれば変更できそうです。''});</script>便利なことに、入力できるタグ数もmaxTagsというパラメータで設定することができる。10});</script>任意のタイミングでタグを追加したい場合は、addメソッドを呼び出せば削除することができる。Taggle('hoge');taggle.add('foo');</script>タグが追加される前に、そのの内容を確認し、追加するか、または、追加しないかを判断したい場合は、onBeforeTagAddメソッドで確認することができる。onBeforeTagAddメソッドが呼ばれた時に、第二引数に入力されたタグが文字列として渡される。入力されたタグを追加したくない場合は、returnでfalseを返せば設定されない。}});</script>他にも色々な機能があるので、また、使う際に確認していきたい。(9)注目記事はてなブログをはじめよう!maipontanさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。