JavaScript Railsで使えるGem

文字をダブルクリックしてそのままフォーム編集するやつのメモ~in place edit

投稿日:

Best in place

railscasts.com/episodes/302-in-place-editing?language=ja&view=asciicast

github.com/bernat/best_in_place

サンプルあり 効果が・・・

 

Mercury editor

高機能だけど重い

railscasts.com/episodes/296-mercury-editor?language=ja&view=asciicast

jejacks0n.github.com/mercury/

スクリーンキャストのサンプルはもう動かないけど、コメントを見れば動かしかたはわかるはず

create.js

CMSに組み込みたい、見たままにページの編集を行うJavaScript「Create.js」

createjs.org/

Backbone.js依存

0.9.9より前でないとダメ、依存関係にあるvie.jsでcollection.getByCidを使ってるけど、これはBackbone.jsのバージョン0.9.9でなくなったから

vie.jsのgetByCidをgetに全部置き換えればエラーは出なくなったけどなぜか動かなかった

hallo.jsは単独で動いたからこっちの方がいいかも

hello.js用のgemも動いた

github.com/samerbuna/hallo

Rails3.2でみたまま編集 〜hallo editor

スクラッチで

Backbone.jsのサンプル

input要素とli要素を2つ作っておいてclass切り替えで表示

documentcloud.github.com/backbone/examples/todos/index.html

dotinstallのtodoリスト

jQueryで

dotinstall.com/lessons/todo_app_php_v2

 

X-editable

Bootstrap、jQuery-UI、jQueryに対応した高機能インプレイスエディタ

Bootstrapのtypeahead.jsやselect2などにも対応してるみたい

vitalets.github.io/x-editable/

-JavaScript, Railsで使えるGem
-,

執筆者:

関連記事

no image

RailsでRedisを使う例のメモ

最近よく見かけるようなのでメモ Redisって大量にメモリを積んでないとダメかと思ってたけど、思ったよりいろんな方面に用途がありそう(リンク先の情報はわたしは未検証です) Redisの基礎 (全14回 …

no image

RailsでGoogle Mapを使ってみる~Google-Maps-for-Rails

github.com/apneadiving/Google-Maps-for-Rails   前提

こんな感じで perso …

no image

Rubyでxmlの要素の追加など~nokogiri

目次1 はじめに2 文字列をパースしてxmlとして読み込んでそのままxmlとして出力する3 nodeの追加4 nodesetの作成と追加5 DocumentFragmentの作成と追加 はじめに 参考 …

Ubuntu ServerのGuardからGrowl for Windowsにネットワーク経由で通知する

github.com/guard/guard 普段はWindows7から仮想環境(VirtualBox)のUbuntu Server 12.04.1へputtyで接続して開発してます. Virtual …

sunspot_railsで全文検索

sunpotはsolrというJava製の全文検索サーバをrubyから使えるGem sunspot_rails はsunspotにマージされてました 参考 railscasts.com/episodes