向特雷弗先生块添加图标

【问题标题】：adding icons to sir trevor blocks向特雷弗先生块添加图标
【发布时间】：2014-07-11 02:07:42
【问题描述】：

我正在尝试添加一个新的 Sir Trevor 块，该块是我为我们正在制作的 Web 应用程序创建的。但是，我只是不知道如何添加图标供 Trevor 爵士使用。有一个名为 images/icons/src 的文件夹，但似乎被忽略了。那么，他们去哪里了？

-弗迪

【问题讨论】：

madebymany.github.io/sir-trevor-js/docs.html#3-2 ?
不，这是对 Image 块如何工作的简短描述。我的意思是当您选择要添加的块时显示的图标。

标签： javascript rich-text-editor sirtrevor

【解决方案1】：

我在我的应用程序中遇到了同样的问题，我找到的解决方案是这个网站：http://icomoon.io/app/#/select

有一些免费的图标，您可以上传 SVG 文件来创建自定义字体（图标）。基本上，您应该选择一些图标并前进到配置页面，您应该在其中输入一个连字（这是您的块中的 icon_name），并且在“首选项”中，您应该选择“Encode & Embed Font in CSS”，然后下载它。您将有一个 zip 文件，在 style.css 中您将获得字体 (.woff) 文件的 base64 编码 ....此字符串应放在 sir-trevor-icons.css 中。

这个解决方案对我来说很好用。祝你好运！问候，小毛里西奥·鲍姆

【讨论】：