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
-

執筆者:

関連記事

ThoughtBotの『Backbone.js on Rails』の目次と見出しをななめ読み

By: John – CC BY 2.0 learn.thoughtbot.com/products/1-backbone-js-on-rails 買いました 電子書籍で137ページに$4 …

no image

TwitterBootstrapRailsでエラーが出る件

    undefined method `less’・・・的なエラーが出た. とりあえず下のgemを足したら動いた.そのうち修正されるとおもう. [crayon-5b …

Rails3.2とBackbone.jsでGoogle CalendarライクなカレンダーにCRUD~fullcalendar-rails

目次1 前回2 READ ~データベースからイベントを読み込んでカレンダーに表示する3 CREATE~カレンダーからイベントを登録する4 UPDATE1~カレンダーのイベントをクリックしてイベントを編 …

MIddlemanでrails-assets.orgをつかってbowerのコンポーネントをつかう

By: Simon Cunningham – CC BY 2.0 middlemanは静的なサイトのジェネレータ rails-assets.orgは「the frictionless pr …

Rubyでd3.jsのapiリファレンスの一覧を取得してくる~mechanize

  d3.jsにはlayoutというおおまかに準備されたレイアウトがあって、その中にあるTreeレイアウトを試してみることにした d3.js自身のapiリファレンスが階層構造になっているので …