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

執筆者:

関連記事

vimでcoffee scriptの開発環境を整える~vim-coffee-script

環境 CentOS5.8にnodebrewでnode.jsをインストールを参考にubuntu server 12.04にnode v0.6.20をインストールした 目次1 coffee scriptの …

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

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

no image

Rails3.2でOpenDocumentText(.odt)を作成~serenity

  これも途中経過デス   odtはOpenOffice.orgのwriterなんかの保存形式 serenityはerbライクなodtテンプレートから変数を利用して文書を作成してく …

Ruby on Rails 3.2でファイルアップロード〜CarrierWave & RMagick

By: Damian Gadal – CC BY 2.0 目次1 最初に2 Gemfile & bundle3 generate rb ファイル4 Modelに”ima …

no image

RubyからHyper Estraierを使う1~search_do

環境:Ruby 1.9.3 & Rails 3.2.7 参考リンク github.com/grosser/search_do Getting started with acts_as_sear …