前の記事 ≪:2012年1月27日 管理人のブックマーク
次の記事 ≫:簡単に使えるクールなPHP用デバッグコンソールライブラリ「PHP Bug Lost...

様々なインラインエディタ実装に使えるjQueryプラグイン「Jeditable」

2012年01月30日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Jeditable - Edit In Place Plugin For jQuery

様々なインラインエディタ実装に使えるjQueryプラグイン「Jeditable」
Flickrが実装して有名になったあのUIもプラグインで簡単にできるようになりました。

今回紹介するプラグインもその1つなのですが、クリックした位置をドロップダウンにしたり、インラインの一部分だけを編集したり、ダブルクリックをトリガにしたりするといったカスタマイズが豊富なのが特徴のプラグインです

よくあるパターン


「Edit me!」をクリックすると。


selectボックスが表示されて選択肢から選ぶ形に。OKを押せばテキストが変更されます


テキストまるごとではなくインラインでの編集も可能。


関連エントリ
関連の記事検索:jQuery, jQueryプラグイン, プラグイン, JavaScript
スポンサード リンク

By.KJ : 2012年01月30日 08:58 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)