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でd3.jsのapiリファレンスの一覧を取得してくる~mechanize

  d3.jsにはlayoutというおおまかに準備されたレイアウトがあって、その中にあるTreeレイアウトを試してみることにした d3.js自身のapiリファレンスが階層構造になっているので …

Rubyでdocxをいろいろ分析してみた

  目次1 解凍~minizip2 ファイルを開く~File.open3 全ファイルを解凍せずにzip内の必要なファイルだけを開く~zipruby4 置換~gsub5 xmlの操作~noko …

RubyでFaye-websocketを試す

By: Jenny Ondioline – CC BY 2.0 目次1 公式2 インストール3 サーバ側4 クライアント側5 エラー 公式 faye-websocketは、fayeからwe …

Mac OSXにHyper EstraierのRuby Bindingをインストールする

By: Kanko* – CC BY 2.0 目次1 環境2 Hyper Estraierのインストール3 ソースのダウンロード4 パッチを適用する5 rvmのためにconfigureファ …

Rails3.2とBackbone.jsでサーバーサイドのフィルタリング

By: Haldane Martin – CC BY 2.0   テーブルに表示されているデータをサーチバーに入力した語で絞り込みたい こういうテーブルフィルタリングを実現する仕 …