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
-

執筆者:

関連記事

Ubuntu Server 12.04.1にいま流行のDiscourseをインストールしてみた

By: Wonderlane – CC BY 2.0 目次1 はじめに2 環境3 インストール4 情報 はじめに すでにGitHubのトレンドRepoでスター数がTwitterのFligh …

Rails4.1で全文検索〜rroonga

By: Vinoth Chandar – CC BY 2.0 目次1 RailsでGroongaを使う選択肢2 サンプルのアプリ3 Gemfile4 データベースへの接続5 スキーマの設定 …

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

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

Rails4でのJavaScriptのユニットテスト~jasminerice&guard-jasmine

By: sk_vel – CC BY 2.0 Rails3.2でJasmineをつかってCoffeeScriptをテスト~jasminerice 目次1 環境2 Gemfile3 gene …

no image

Rubyからdocxを生成する

    前提 Rubyでdocxをいろいろ分析してみた 変数の仕様~正規表現 いろいろなパターンで試してみた 例えば、こんな文 [crayon-5a17ca141053820111 …