我似乎无法在互联网上找到关于此的任何信息,但TinyMCE 4中的图标如何工作？
我知道我可以按名称指定按钮的图标,并为我的自定义按钮指定自定义图标,但如果我想采用其中一个标准图标,在图像编辑应用程序中修改它然后将其另存为自定义图标,该怎么办？我从哪里获得该图标的源图像？我在哪里可以看到可用图标及其名称的完整列表？
所以,这可能是对我自己的问题的部分答案,或者至少基于目前TinyMCE 4这方面存在的糟糕文档而设法理解的问题.
TinyMCE 4.x中的图标使用自定义IcoMoon字体.此字体的文件位于skins // fonts目录中.
如果您下载TinyMCE开发包,您可以在js/tinymce/skins/lightgray/Icons.less中找到可用于该特定皮肤的所有图标,您将能够将这些图标用于自定义按钮(如果您是使用那个皮肤).
你需要使用"-i-"和":before"之间的单词.例如,如果Icons.less中的定义是:
.@{prefix}-i-alignleft:before
您可以将关键字alignleft用作自定义按钮的图标.
我没有为默认集添加更多图标,但我想这将涉及创建一个新主题,希望继承父主题,并定义自己的Icons.less文件,然后处理该LESS文件以生成适合您主题的CSS.
| 归档时间： |
|
| 查看次数： |
4947 次 |
| 最近记录： |