Javascript summernote rails中未显示的图标

我跟随官方在Rails项目中添加了富文本编辑器

然后在my edit.html.erb中，我将类位置编辑器添加到我的文本区域：

<%= f.text_area :text, class: "place_editor form-control col-md-7 col-xs-12", rows: "15j ,placeholder: "Text", required: "required"%>

---

您的项目中是否包含字体？我相信这个插件使用的字体很棒。如果没有，请尝试在application.html.erb文件中将其作为脚本标记的src：

也请阅读以下内容：
我搜索了几个小时，最终解决了这个问题。
事实上，summernote并不在本地保存图标，而是下载

我在标题中添加了这个链接

  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
  <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.1/summernote.css" rel="stylesheet">



它成功了
如果有人能进一步详细说明，我将表示欢迎。尽管答案已经被接受，但我还是想为寻求问题解决方案的人们发布一个更好的答案

这当然会奏效：

<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.1/summernote.css"> 

所以你需要做的是：

下载
从下载的存档文件中取出
字体文件夹，并将其重命名为
字体
将目录
font放在项目的css目录中
这应该行得通

考虑到您的资产是这样可用的
http://localhost:1337/css/font/summernote.ttf 
//summernote.ttf只是一个例子

我希望这会有所帮助

谢谢
解压缩Summernote发行版下载后，您必须将字体文件夹复制到放置
Summernote.css
文件的同一位置

在本例中，Elmer是网站的根文件夹，
summernote.css
和Font文件夹都复制到
/assets/css
文件夹中


类似地，
summernote.js
文件被复制到
/assets/js
文件夹中。如果您不使用插件或语言，则只需安装这些插件或语言即可

下面是要放入头中以加载这些文件的代码，如图所示：

<!-- include summernote css/js-->
<link rel="stylesheet" type="text/css"  charset="utf-8" href="/assets/css/summernote.css">
<script type="text/javascript" charset="utf-8" src="/assets/js/summernote.js"></script>



注意：包括
charset=“utf-8”
属性很重要。
很简单

只需下载

解压缩文件。复制font文件夹。将其粘贴到您的summernote.cssroot。确保您的summernote.css文件保留在font文件夹中。现在使用Ctrl+F5刷新浏览器

文件夹位置演示：

演示输出：
复制项目css中的字体文件夹

     just like YourProject/css/font

这应该行得通。
它与我的项目一起工作。
导入字体文件，它就会工作。
我尝试通过CSS@font-face规则导入。您还可以在javascript中导入

@font-face {
font-family: summernote;
src : url('/fonts/summernote.ttf');
src : url('/fonts/summernote.eot'),
      url('/fonts/summernote.woff');
}

对于任何可能在MVC中遇到图标问题的人来说，summernote似乎在查看基本文件夹（在我的例子中是内容），字体文件夹需要放在那里。以下是我的项目布局的屏幕截图：


无论出于何种原因，summernote在Content中的/summernote/font/文件夹中查找，而不是在summernote-lite.css所在的位置

希望这有帮助
 我发现了同样的问题。解决方案是我从summernote配置中删除了“工具栏”键：

$(".summernote").summernote({
    lang: 'hu-HU',
    height: 300,
    minHeight: null,
    maxHeight: null,
    toolbar: [
        ['font', ['roboto',]],
    ]
});    

版本：summernote v.0.8.12。
我在这个链接上看了几个小时。省去了我12个小时的头痛。我不知道这是怎么回事，也不知道为什么。我讨厌前端开发的另一个原因。不一定。如果您下载summernote字体文件并将其链接到summernote.css，它将在本地工作。您的解决方案对我不起作用，显然是因为字体本身需要命名为summernote。但是，您让我找到了正确的方向，找到了如何正确安装发行版下载的方法，其中已经包含了所需的字体。（贴出其他答案）嗯，你不需要重命名任何东西，我的一些作品中使用了这个summernote，我从来没有重命名过任何东西。您只需下载正确的字体awesomedist和summernote.css，并按照我上面解释的方式放置即可。我在一个项目中实现summernote时写下了这个答案。我很抱歉，如果它没有帮助你，但它的工作对我来说很好，无论如何，我添加了css堆叠更清晰。谢谢你的解决方案对我有用。Jusst添加字体可怕的css在SumnerNote的菜单中添加图标
@font-face {
font-family: summernote;
src : url('/fonts/summernote.ttf');
src : url('/fonts/summernote.eot'),
      url('/fonts/summernote.woff');
}

$(".summernote").summernote({
    lang: 'hu-HU',
    height: 300,
    minHeight: null,
    maxHeight: null,
    toolbar: [
        ['font', ['roboto',]],
    ]
});