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
-, ,

執筆者:

関連記事

no image

Rails3で動画配信を試用~flowplayer

  最近はYoutubeなど動画配信サイトも充実してきていて知人向けのプライベートな配信も可能なようだ しかし、やっぱりYoutubeにアップするのは抵抗があったり、LAN内だけで配信したい …

RailsでECサイト構築~spree

  *インストール方法を書き換えました.前の方法だとアドミンユーザーが登録されませんでした. 今回はインストール+日本語化だけ 目次1 インストール2 日本語化 インストール gem [cr …

市場テクニカル分析ライブラリta-libとruby用のラッパーruby-talibをインストールする

By: Ponzi_Unit – CC BY 2.0 目次1 ta-lib2 talib_ruby ta-lib ta-libは市場のテクニカル分析用のライブラリ集. macであればHom …

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

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

Rails5.1でフォームをウィザード化〜wicked

By: Doll Joints – CC BY 2.0 目次1 gem wicked2 ウィザード用のコントローラーを作成する3 ルーティングの設定4 既存のコントローラーのcreateメ …