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

執筆者:

関連記事

Ruby+guardでSass+Compass+CoffeeScriptの自動コンパイル環境を整える

    Ubuntu12.04.1でCoffeeScriptの自動makeとブラウザの自動リロード~guard-coffeescript すでにCoffeeScriptを自動Mak …

Rails3.2でフォームの順番をjQuery UI sortableで並べ替えてSubmit~acts_as_list

Rails3.2+jQueryUI1.10でjQuery-UI-Bootstrapのデモ画面を出すところまでやった

なにかいつの間にかかっこいい感じのサイトになってた addyosmani.github.com/jquery-ui-bootstrap/ jquery-ui-bootstrap.github.io/j …

Rails3.2でコードのお作法を指摘してもらう~Rails Best Practices

コードのお作法を自動でチェックしてくれるrails_best_practiceを導入した

あとは、Railsのルートで[crayon- …

文字をダブルクリックしてそのままフォーム編集するやつのメモ~in place edit

By: the Italian voice 目次1 Best in place2 Mercury editor3 create.js4 スクラッチで5 X-editable Best in place …