javascript – 将自定义图标添加到tinyMCE按钮

前端之家收集整理的这篇文章主要介绍了javascript – 将自定义图标添加到tinyMCE按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在为我添加到tinyMCE的按钮添加一个Font-Awsome图标:
  1. ed.addButton('youtube',{
  2. title: 'Add Video',icon: 'icon-youtube',onclick: function () {
  3. //do stuff here...
  4. }

使用像文档建议的图像是不可接受的,但由于某些原因我无法做到这一点.有任何想法吗?

解决方法

这个基于CSS的解决方案似乎很好地工作:
  1. i.mce-i-[FONT-AWESOME-CLASSNAME]:before { // FONT-AWESOME-CLASSNAME e.g. "icon-youtube"
  2. content: "[FONT-AWESOME-CONTENT]"; // FONT-AWESOME-CONTENT e.g. "\f166"
  3. font-family: FontAwesome;
  4. font-style: normal;
  5. font-weight: normal;
  6. text-decoration: inherit;
  7. color: #000;
  8. font-size: 1.5em;
  9. padding-right: 0.5em;
  10. position: absolute;
  11. top: 15%;
  12. left: 0;
  13. }

它是基于matt-royalthis stack exchange wordpress thread的答案

猜你在找的JavaScript相关文章