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
-

執筆者:

関連記事

no image

Ubuntu Server 12.04で動画のサムネイルを作成~avconv ffmpeg

  目次1 インストール2 動画の情報3 使えるフォーマットの一覧4 サムネイル画像の作成 インストール

総合的な動画の変換 …

ElasticSearchをRubyから使う~elasticsearch-ruby

By: Harry Rose – CC BY 2.0 目次1 gem elasticsearch-ruby2 環境3 インスタンス作成4 メソッド一覧5 情報取得6 ドキュメントの作成7 …

no image

Rails3.2.8でPostgreSQLを使う(開発環境)〜pg gem

環境 Ubuntu server12.04にPostgreSQLをインストールする 参考 #342 Migrating to PostgreSQL @railscasts 目次1 準備2 データベース …

Rails3.2からMongoDBを使ってアプリをつくってみる~mongoid

MongoDBはとても素直で扱いやすいということがわかってきたので、以前作成した郵便番号・住所の相互検索アプリをまたつくってみた 参照 MongoDBのチュートリアルをこなす KEN_ALL.CSVを …

Refinery CMS3.0にBootstrap3.1を適用する

目次1 Gemfile2 Sprocketを設定3 application.htmlをoverrideする4 Grid Layout5 Navbar6 Panel7 Well8 できた Gemfile …