0

我在 Ruby on Rails 中运行的 CKEDITOR textarea 中插入了如下行的锚标记，并在我的 application.js 和 mystyle.css 中导入了引导程序：

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

但是 CKEDITOR textarea 不会显示引导铅笔图标，但是，如果我检查源，锚标签就在那里。如果我渲染文件，它会正确显示铅笔图标。但只是没有显示在ckeditor textarea中！（根本不是所见即所得。）我错过了什么？我需要在 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 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 .....，感谢任何帮助。谢谢。

4

2 回答 2

2

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

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

于 2013-03-22T07:24:31.123 回答
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 文件并在文件顶部添加一行以将引导程序集成到 ckeditor 中，如下所示：

@import "bootstrap";

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

于 2013-03-23T18:27:50.693 回答