在rails\u admin中将自定义css添加到ckeditor

有没有办法将自定义样式添加到rails\u admin中的ck\u编辑器字段？我使用的是

ckeditor\u rails

gem。现在，我可以使用ckeditor config.stylesSet向span添加类，如下所示：

config.stylesSet = [
    { name: 'highlighted', element: 'span', attributes: { 'class': 'highlighted' } }
  ];

它工作得非常好，因此突出显示的文本具有以下源代码：

<p>Some <span class="highlighted">highlighted</span> text</p>

我尝试将其添加到

app/assets/stylesheets/ckeditor/contents.css.scss

，正如在中所说的，并添加到

app/assets/javascripts/ckeditor/contents.css

。Hovewer，无论我放在哪里，突出显示的文本在编辑器中看起来都一样：

我所能做的就是通过将这个css添加到

app/assets/stylesheets/rails\u admin/custom/theming.css.scss

，在rails\u admin的显示和索引页面上更改它的颜色，但我希望在应用它们之前在编辑器中看到更改

---

您是否尝试过在浏览器开发工具中检查html？是否采用了该样式？有什么东西压倒了它吗？也许您需要使用更具体的选择器？

.highlighted {
  color: darkred;
}