最新公告
  • 欢迎您光临源库坊,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • TinyMCE 编辑器添加 FontAwesome 自定义图标按钮

    你主题必须引用了 FontAwesome 图标库,或者你自己引入,引入方法一为就不介绍了,百度一堆。

    /*添加音乐播放器短代码按钮*/
    ed.addButton( 'aplayerbox', {
        title : '插入音乐播放器',
        icon: 'music',
        onclick : function() {
            ed.selection.setContent('[music]' + ed.selection.getContent() + '');
        }
    });

    如上方代码,定义一个icon:music,然后我们再在font-awesome.css文件里添加几行代码,记住后台要引用font-awesome.css文件。

    i.mce-i-music:before {   
      content: "\f001"; /*music图标在FontAwesome图标库中的字码点*/
      font-family: FontAwesome;
    }

    注意上面 css 的格式i.mce-i-js里定义的图标名称:before,然后去 FontAwesome 网站查music图标在图标库中的字码点,下图 Unicode: 后面接的4个字符,写入 CSS 里要记得加“\” 。

    就这么简单,去后台刷新缓存看看把。我添加的按钮,都知道是啥不? 

    1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
    2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
    3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 如遇到加密压缩包,默认解压密码为"www.yuankufang.com",如遇到无法解压的请联系管理员!
    源库坊 » TinyMCE 编辑器添加 FontAwesome 自定义图标按钮

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    源库坊
    一个高级程序员模板开发平台
    • 355会员总数(位)
    • 1195资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 1564稳定运行(天)

    提供最优质的资源集合

    赞助本站svip 了解详情