我通过“富人”使用CKEditor。 Ruby on Rails的宝石。
它在历史上运作良好,但在某些时候我的编辑器图标开始看起来像这样:
我不确定是什么原因导致的,无论是升级还是升级 (我 知道它的 不 是浏览器缓存问题。)
如何修复这些图标?
这是粗体按钮的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;">
</span>
由Chromium解释的样式:
在最后一行中,url(icons.png)
实际上已解析为http://localhost:5000/assets/ckeditor/skins/moono/icons.png
这里有两个不同的icons.png
文件:
<gem_path>/vendor/assets/images/ckeditor/plugins/icons.png
<gem_path>/vendor/assets/images/ckeditor/skins/moono/icons.png
在代码片段中,您可以看到CSS指定了偏移-24px,因此第一个图像是正确的。内联元素样式指定第一个图像,但被!important
- ified url(icons.png)
覆盖,后者加载第二个图像(这是错误的)。
为什么这样做呢?
我可以以某种方式解决这个问题,而不必分配宝石吗? (我可以分叉宝石,但如果可能的话,我宁愿不维护一个单独的分叉。)