CKEditor工具栏使用错误的图标文件(通过Rails"丰富" gem)

时间:2016-06-01 18:48:28

标签: ruby-on-rails ckeditor

我通过“富人”使用CKEditor。 Ruby on Rails的宝石。

它在历史上运作良好,但在某些时候我的编辑器图标开始看起来像这样:

wrong-offset icons

我不确定是什么原因导致的,无论是升级还是升级 (我 知道它的 是浏览器缓存问题。)

如何修复这些图标?

代码:

这是粗体按钮的span元素的HTML(为了便于阅读而添加了空格):

<span class="cke_button_icon cke_button__bold_icon"
    style="background-image:url(http://localhost:5000/assets/ckeditor/plugins/icons.png?t=E4KA);
      background-position:0 -24px;
      background-size:auto;">
  &nbsp;
</span>

由Chromium解释的样式:

enter image description here

在最后一行中,url(icons.png)实际上已解析为http://localhost:5000/assets/ckeditor/skins/moono/icons.png

我能看到但不知道如何解决:

这里有两个不同的icons.png文件:

  1. <gem_path>/vendor/assets/images/ckeditor/plugins/icons.png
    (适用于背景位置偏移-24px)
  2. <gem_path>/vendor/assets/images/ckeditor/skins/moono/icons.png
    (针对不同的偏移值进行校准)
  3. 在代码片段中,您可以看到CSS指定了偏移-24px,因此第一个图像是正确的。内联元素样式指定第一个图像,但被!important - ified url(icons.png)覆盖,后者加载第二个图像(这是错误的)。

    为什么这样做呢?

    我可以以某种方式解决这个问题,而不必分配宝石吗? (我可以分叉宝石,但如果可能的话,我宁愿不维护一个单独的分叉。)

0 个答案:

没有答案