如何使ckeditor显示引导程序图标

Question

我在我的application.js和mystyle.css中导入bootstrap的Ruby on Rails中运行的CKEDITOR textarea中安装了一个锚标签，如下所示：

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

但是CKEDITOR文本区域不会显示bootstrap铅笔图标，但是，如果我检查源代码，锚标记就在那里。如果我渲染文件，它会正确地显示铅笔图标。但是没有显示在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>

谢谢。

谢谢你的提示，Nenotlep。你提到的正是我所怀疑的。但我仍然在为在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 textarea中丢失。我从本地运行的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无法实现bootstrap，但只是不知道如何配置ckeditor来包含bootstrap.....，任何帮助都非常感谢。谢谢。

Answer 1

使用'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/contents.css文件，在文件顶部添加一行，将bootstrap集成到ckeditor中，如下所示：

@import "bootstrap";

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

Answer 2

听起来定义要显示的图标的CSS在CKEditor中不是活动的。在您的安装目录中有一个名为contents.css的类，它包含CKEditor中的内容的CSS定义。在那里插入你的图标CSS，它显然是在mystyle.css中。

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