javascript - 特雷弗爵士CSS的样式无法正确显示Ruby On Rails App

我正在尝试实现一个在线文本编辑器，该编辑器允许人们创建和撰写博客。我看到SirTrevor的UI非常漂亮，我非常热衷于使用它。

我设法使它在技术上基于on these instructions运行，但是UI根本就不存在。一切都只是文本，没有图标或其他任何东西。我正在寻找与他们网站上列出的example类似的东西。我已经安装了Ruby on Rails Gem，并使用Bower Install在Vendor / Assets文件夹中获取所需的文件。 CSS和JS文件似乎都正在加载（我可以看到它们的规则）。

当我将提供的示例的源代码与我的示例进行比较时，我没有任何SVG元素，并且我想知道是否还需要在这里做一些事情

我的代码如下：

blogs.coffee：

SirTrevor.setDefaults({
    iconUrl: '/assets/images/sir-trevor-icons.svg'
})
editor = new SirTrevor.Editor({
    el: $('.sir-trevor-area'),
    defaultType: 'Text'
});

该文档建议我们使用document.querySelector("...")而不是jQuery，但这会导致更糟糕的结果-只是纯文本区域

_form.html.erb

<%= form.text_area :main_body, {:class=>"sir-trevor-area"}%>

最佳答案

您需要将Trevor爵士资产添加到Rails资产。内config/initializers/assets.rb：

Rails.application.config.assets.precompile += %w(
  sir-trevor/build/sir-trevor-icons.svg
)

路径可能会因Trevor爵士的安装方法而异，我使用yarn完全不使用gem进行了安装。无论如何，只要在安装上找到正确的路径即可。

关于javascript - 特雷弗爵士CSS的样式无法正确显示Ruby On Rails App，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47903562/