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
-,

執筆者:

関連記事

RubyでWikiをはじめる〜gollum

目次1 環境2 インストール3  ハロー Gollum4 Powでつかう5 情報 環境 Ruby 2.1.0 Mac OSX Mavericks インストール 自分の環境ではこれをいれとかないとインス …

no image

Rails3.2.8で自動テスト環境を整える〜cucumber+spork+guard

環境 ruby 1.9.3 & rails 3.2.8 参考 cucumber + spork + guard + factory_girl あってもよいが[crayon-5b0251e2c5 …

Rails3.2でGoogle Calendarライクなカレンダーを使う〜fullcalendar-rails

目次1  fullcalendar-rails2 Hello fullcalendar3 オプション  fullcalendar-rails 2種類あるけど上の方を使った github.com/bok

no image

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

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

こんな感じで perso …

no image

Rails3でTwitter Bootstrapのサーチフォームを実装する~form_tag

目次1 git & gitolite2 仕組みを考える3 フィーチャの作成4 Viewの作成5 Controllerの作成6 Modelの作成7 テストが通らない!8 mergeして終わり g …