Railsで使えるGem

Rails5でtextareaをコードエディタにする〜Ace Editor

投稿日:2018年2月25日 更新日:

Ace Editor

ajaxorg/ace

サンプルはこちら

Rails5.1ではアレだけど、assetpipeline対応してるのは、codykrieger/ace-rails-ap
もちろん、Rails5.1でも使えた.

Gemfile

application.js

その他のテーマとかモードとかは今は自動で読み込んでくれる.

テーマとか読み込む必要あった.

View

How do I make a textarea an ACE editor?を参考に.

このままではBootstrap4では高さが0になってしまいエディタが表示されないので、ここを参考にジャンボトロンに入れる.

coffeescript

テーマとかモードとかの設定の仕方で試行錯誤したけど、次のとおりで動いた.

Rails5から変わったTurbolinksの仕様は、Rails5でTurbolinksの挙動が変わってた。を参考にした

できた

-Railsで使えるGem
-, ,

執筆者:

関連記事

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

目次1  前回2 UPDATE1~バグの訂正3 UPDATE2 ~ ドラッグとリサイズでデータ更新4 DELETE~イベントの削除5 バグがあった → 解決しました!6  herokuにサンプルアップ …

Railsでチェックボックスで複数選択するとき〜check_box_tag

By: Luca Masters – CC BY 2.0 目次1 問題2 アンサー3 情報 問題 チェックボックスで複数選択可のフォームでうまくparamsにはいらない 例1 [crayo …

多対多の関係でまだ関連を持っていない候補を探す〜active_record、pluck、not in

By: Kevin Dooley – CC BY 2.0 目次1 前提2 やりたいこと3 解4 解説 前提 PersonとProjectは、ProjectsPersonという中間モデル(テ …

簡単にグラフが作成できるC3.jsをRailsでつかってみた

By: Nguyen Hung Vu – CC BY 2.0 目次1 C3.js2 gon3 複数の時系列データで一方にはある時点のデータがあるけど他方にはある時点のデータがないみたいな場 …

no image

Rubyからdocxを生成する

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