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
-

執筆者:

関連記事

WindowsのRubyでxlsxファイルにアクセスする~roo

By: Hajime NAKANO – CC BY 2.0 目次1 rooのインストール2 rooを使ってみる(基本)3 シートを指定する4 セルの値を確認する5 行列を数える rooのイ …

RailsにTwitter Bootstrapを設定する~twitter-bootstrap-rails

環境 ruby 1.9.3  & rails 3.2.8 適当なscaffoldを作っておく

  github.co …

Rails3.2でJasmineをつかってBackbone.jsのModelをテストしてみる

  By: Glory Cycles   Developing Backbone.js Applications addyosmani.github.com/backbone-fu

Rails3.2とBackbone.jsでサーバーサイドのページネーション

By: Haldane Martin – CC BY 2.0   前提 Rails3.2とBackbone.jsでサーバーサイドのフィルタリング Rails3.2とBackbon …

no image

Rails3.2とBackbone.jsでToDoアプリを作ってみた~backbone-on-rails

  公式 backbonejs.org/ Backbone ドキュメント日本語訳 github.com/enja-oss/Backbone イントロダクション github.com/enja