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

Rubyからdocxを生成する

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

no image

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

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

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

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

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

Railsでデータベーススキーマの変更と関連するモデルのフォーム

  gemを公開しました!詳細は記事の最後に!   新規投稿するフォームのラベルが変数を使っていて見苦しいので自分で好きなラベルを付けられるようにした いまのスキーマはこんな感じな …