小编Hug*_*los的帖子

我在我的Rails项目中安装了CKEditor,但是默认皮肤上的按钮都是不对齐的.看到:

所以我正在尝试安装Bootstrap皮肤来解决这个问题,也因为它更适合我网站的其他部分.

我已下载文件并放入

app/assets/ckeditor/skins/bootstrapkg

并更改了config/ckeditor.rb以添加:

  config.asset_path = Rails.application.config.assets.prefix

但是当我尝试添加方法config.assets_skins或config.skins时,我得到了

NoMethodError:: undefined method `skin=' for Ckeditor:Module

我已经尝试过config.skins,config.skinName,但没有任何效果.

当我尝试创建app/assets/ckeditor/config.js并放入时

config.skin = 'bootstrapkg';

...编辑停止显示.

在我的rails服务器日志中,我仍然可以看到"moono"皮肤而不是Bootstrap皮肤的调用.

那么,我如何在Rails上为CKEditor安装另一个主题(我也可以接受未对齐按钮的修复)？

我想将以下代码转换为HAML,以处理Rails 4.2.2应用程序中的Bootstrap警报消息.我已尝试手动,使用html2haml和在线转换器,我得到的代码永远不会工作.

代码:

<div class="alert 
    <%= 
    case type.to_sym 
    when :alert, :danger, :error, :validation_errors
        'alert-danger'
    when :warning, :todo
        'alert-warning'
    when :notice, :success
        'alert-success'
    else 
    'alert-info'
    end
    %>
     alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
    <%= content %>
</div>

这是我从转换器得到的:

.alert.case.when.:validation_errors.when.:todo.when.:success.else.end.alert-dismissible{:class => "<haml_loud> type.to_sym :alert, :danger, :error, 'alert-danger' :warning, 'alert-warning' :notice, 'alert-success' 'alert-info' </haml_loud>", :role => "alert"}
  %button.close{"data-dismiss" => "alert", :type => "button"}
    %span{"aria-hidden" => "true"} ×
    %span.sr-only Close
  = content

我知道它很丑,但它是我发现的唯一一个与Bootstrap 3.5.5开箱即用的代码.如果有人对使用HAML的新代码有建议,我愿意听.