我如何使ckeditor显示引导图标

Question

我已经在Ruby on Rails中运行的CKEDITOR textarea中插入了如下一行锚标记，并在我的application.js和mystyle.css中导入了bootstrap:

<a href="#" toggle="tooltip" title="Here!"> <i class="icon-pencil"> </i> </a>

但是CKEDITOR文本区域不会显示引导铅笔图标，但是，如果我检查源，锚标记就在那里。如果我渲染这个文件，它会正确地显示铅笔图标。但只是没有显示在编辑器文本区!(不是WYSIWYG。)我错过了什么?我需要在ckeditor css和/或config.js导入bootstrap吗?如何?和whatelse吗?请帮助。非常感谢。

下面是生成的html代码:

<p>This is a test<a href="#" title="Here!" toggle="tooltip"> <i class="icon-pencil"> </i> </a></p>

谢谢。

谢谢你的提示，诺特勒普。你所说的正是我所怀疑的。但是我仍然在努力在哪里以及如何在content .css中添加引导:这就是我在我的Gem文件中包含的引导:

gem 'bootstrap-sass', '~> 2.3.1.0'

在我的app/assets/javascript/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。我有:

@import "bootstrap";

我检查了我的app/assets目录，我找不到ckeditor子目录。所以我尝试创建一个名为app/assets/stylesheets/ckeditor的目录，并在其下添加一个名为content .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包括引导.....，任何帮助我们都很感激。谢谢。

Answer 1

听起来像是定义要显示的图标的CSS在CKEditor中没有激活。在您的安装目录中有一个名为contents.css的类，其中包含CKEditor内部事物的CSS定义。插入你的图标CSS，显然是在mystyle.css中。

CKEditor不会从它的父页面继承类，因为它运行在一个框架中

Answer 2

使用'bundle show'查找ckeditor安装目录所在的位置(如果您使用Gemfile安装ckeditor):

bundle show ckeditor

例如，在我的机器中，它返回以下目录:

/usr/local/lib/ruby/gems/1.9.1/gems/ckeditor-4.0.2

cd到上面的目录，打开vendor/assets/javascripts/ckeditor/content .css文件，在文件的顶部添加一行，将bootstrap集成到ckeditor中，如下所示:

@import "bootstrap";

就是这样。您可能需要重新启动服务器(rails)来显示效果。