JavaScript jQuery RailsでTwitterBootstrap Railsで使えるGem

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

投稿日:

x-editable

文字をダブルクリックして編集できるやつ
x-editable
vitalets.github.io/x-editable/index.html
x-editable-rails
github.com/werein/x-editable-rails

bootstrapを導入

Gemfile

application.js

base.css.scss

x-editable-rails

Gemfile

application.js

application.css

エラーが出てうまく設定できない
config/initializers/assets.rbに次の設定を足してサーバーをリスタートする.

サンプルアプリ

scaffold

article.js.coffee

turbolinksに対応.
popupとinlineを選べる

articles_helper.rb

index.html.erb

editableというhelperがつかえる

screenshot

screenshot

show.html.erb

bootstrap-wysihtml5を使ってみる

screenshot

-JavaScript, jQuery, RailsでTwitterBootstrap, Railsで使えるGem
-

執筆者:

関連記事

Rails3.2でTwitterBootstrap導入のあれこれ

  目次1 sass-rails-bootstrap導入2 Layout関係3 Notification4 confirmをmodalにする5 SimpleForm導入6 kaminari導 …

ActiveRecord使い方まとめ

By: North Carolina National Guard – CC BY 2.0 ActiveRecord入門|ドットインストールをみて個人的まとめ ActiveRecord4の …

no image

位置情報通知の使いみちアイデアメモ

    ここまでHTML5とGoogle Mapsを使った位置情報通知を試してきたけど、その使いみちについてメモしておきたい 目次1 カレログ的なサービス2 宝探し的なイベント3 …

Rails3.2.11でTwitterBootstrapのモーダルをフォームに使う例

  Rails3.2でTwitterBootstrap導入のあれこれ sass-rails-bootstrapとsimple_formを使っている Rails3.2でCoffeeScript …

Rails3でajaxでD&Dでまとめてファイルアップロード~jQueryFileUpload for Rails