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

執筆者:

関連記事

Rails4でつかえるインラインエディタを試してみた〜X-editable-rails

目次1 x-editable2 bootstrapを導入3 x-editable-rails4 サンプルアプリ x-editable 文字をダブルクリックして編集できるやつ x-editable vi …

RailsでECサイトを構築3 日本にあわせる~spree

  前提 RailsでECサイト構築~spree RailsでECサイト構築2 注文してみる~spree 目次1 テンプレートをダウンロード2 テンプレートを改造する3 デフォルトの国を変更 …

Rails3.2.8でテーブル並び替えのテストを作る~cucumberと正規表現

前提 Railsのテーブル並び替えを実装する Rails3.2.8で自動テスト環境を整える〜cucumber+spork+guard 目次1 作戦(ストラテジー)2 have_contentの正規表現 …

Rails3.2とBackbone.jsでサーバーサイドのフィルタリング

By: Haldane Martin – CC BY 2.0   テーブルに表示されているデータをサーチバーに入力した語で絞り込みたい こういうテーブルフィルタリングを実現する仕 …

no image

Railsで動画を管理する2 動画のサムネイルを作成する~CarrierWave + Flowplayer

  *とりあえず動いているけど、もっとましな方法があるとおもいます 前提 Railsで動画ファイルを管理する~CarrierWave Flowplayer 参考 Rubyでffmpegのラッ …