私はgem 'ckeditor', github: 'galetahub/ckeditor'をレール管理で使用しています。 私はホームページに記事を投稿すると、記事の説明に関連付けられた画像が自動的に応答する必要があります。私はレールで反応するckeditorイメージを作成する方法
資産/ Javascriptを/ CKEditorバージョン
にフォルダを1つ持っている、と私は、このフォルダにこのpiece of codeを貼り付けたが、それは私を助けてtoo.please動作していないようです。ありがとうございます。
CKEditorの画像を挿入して反応させる場合は、次のコードを使用してください。 イメージタグのhtmlフィルタを作成し、インラインの「幅」スタイルと「スタイル」の定義を対応する属性 に置き換えて、この例では ブートストラップの「img-responsive」クラスを追加します。
私はCKEDITORがこれらの画像にimg-responsiveクラスを追加しないと信じています。これを確認するにはCKEDITORの画像を追加し、ページのhtmlにimg-responsiveクラスが追加されているかどうかを確認します。
機能CKEDITOR.on()イベント'instanceReady'は、画像要素el
にあり、私はそれが実際に
を実行している場合は、そのコードとテスト内のブレークポイントを置く必要があると考えている事実を'img-responsive'クラスを追加するためのコードを実行します
CKEDITOR.on('instanceReady', function (ev) { // etc.. etc.. });
ためthis are the instruction on how to adapt ckeditor with turbolinks
ファイルアプリ/資産/ JAを作成します。
var ready = function() {
CKEDITOR.on('instanceReady', function (ev) { // code });
}
$(document).ready(ready)
$(document).on('page:load', ready)
init_ckeditor.coffee vascripts /ファイルはあなたのアプリケーション/資産/ JavaScriptのからロードされる/
CKEDITOR is the API entry point. The entire CKEditor code runs under this object.
The documentation of the .on() jquery methodをapplication.jsていることを確認してくださいすることで、よりよく理解するのに役立ちますその呼び出しが実行されない理由は、基本的に.on()メソッドは、そのイベントがトリガーされたときにfunction(){}のjsコードをトリガーします。
イベントはCKEditorバージョンインスタンスが作成されるとき、完全に初期化および相互作用のための準備がトリガーされたイベントはinstanceReadyであり、これはinfo from the API
instanceReady（EVT）です。
Parameters
evt : CKEDITOR.eventInfo
editor : CKEDITOR.editor
The editor instance that has been created.