application.js と mystyle.css にインポートされたブートストラップを使用して、Ruby on Rails で実行されている CKEDITOR テキストエリアに次の行のようなアンカー タグを挿入しました。
<a href="#" toggle="tooltip" title="Here!"> <i class="icon-pencil"> </i> </a>
ただし、CKEDITOR テキストエリアにはブートストラップの鉛筆アイコンは表示されませんが、ソースを確認すると、アンカー タグが表示されます。ファイルをレンダリングすると、鉛筆アイコンが正しく表示されます。しかし、ckeditorのテキストエリアには表示されません! (単純に WYSIWYG ではありません。) 何が欠けていますか? ckeditor css や config.js にブートストラップをインポートする必要がありますか? どうやって？そして何？助けてください。どうもありがとう。
生成された html コードは次のとおりです。
<p>This is a test<a href="#" title="Here!" toggle="tooltip"> <i class="icon-pencil"> </i> </a></p>
ありがとう。
ヒントをありがとう、ネノトレプ。あなたが言ったことはまさに私が疑ったことです。しかし、contents.css にブートストラップを追加する場所と方法にまだ苦労しています。これは、ブートストラップを含む Gem ファイルにあるものです。
gem 'bootstrap-sass', '~> 2.3.1.0'
私の app/assets/javascripts/application.js には、次のものがあります。
//= require jquery
//= require jquery_ujs
//= require jquery.min
//= require bootstrap-tooltip
//= require bootstrap-popover
//= require bootstrap
//= require ckeditor/init
//= require_tree .
app/assets/stylesheets/mystyle.css.scss には、次のものがあります。
@import "bootstrap";
app/assets ディレクトリを確認しましたが、ckeditor サブディレクトリがどこにも見つかりません。そこで、app/assets/stylesheets/ckeditor というディレクトリを作成しようとしました。その下に、contents.css というファイルを追加し、以下のようにファイルに行を追加します。
@import "bootstrap";
その後、もう一度やり直してください。結果は同じです。ブートストラップの鉛筆アイコンが ckeditor テキストエリアにまだありません。ローカルで実行されている Rails サーバーから得たエラー メッセージは次のとおりです。
Started GET "/assets/ckeditor/bootstrap" for 127.0.0.1 at 2013-03-22 17:35:23 -0700
Served asset /ckeditor/bootstrap - 404 Not Found (7ms)
ActionController::RoutingError (No route matches [GET] "/assets/ckeditor/bootstrap"):
ブートストラップが ckeditor の手の届かないところにあることは知っていましたが、ブートストラップを含めるように ckeditor を構成する方法がわかりません.....、助けていただければ幸いです。ありがとう。