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

執筆者:

関連記事

FullCalendarのagendaViewでselectの場所がずれる問題

  By: Ben Piddington 前回 Rails3.2でGoogle Calendarライクなカレンダーを使う〜fullcalendar-rails   gemは最新の1 …

Rails3.2でコードのお作法を指摘してもらう~Rails Best Practices

コードのお作法を自動でチェックしてくれるrails_best_practiceを導入した

あとは、Railsのルートで[crayon- …

Rails4で複雑な検索〜Ransack

By: eric molina – CC BY 2.0 株価データをつかって複雑な絞り込み検索ができるようにしてみた データは、こちらのサンプルを使わせていただいた datawarehou …

Mac OSXにHyper EstraierのRuby Bindingをインストールする

By: Kanko* – CC BY 2.0 目次1 環境2 Hyper Estraierのインストール3 ソースのダウンロード4 パッチを適用する5 rvmのためにconfigureファ …

Rails3.2でページネーションをTwitter Bootstrapに対応させる~kaminari

github.com/amatsuda/kaminari 目次1 Gemfile & bundle2 設置3 テーマの作成 Gemfile & bundle [crayon-5c716 …