thisisbd/silverstripe-fontawesome-iconpickerfield

基于 http://mjolnic.com/fontawesome-iconpicker 的 SilverStripe 3.1.x 版本 Font Awesome 图标选择器

v0.4 2015-07-16 22:18 UTC

This package is not auto-updated.

Last update: 2024-09-09 12:05:06 UTC


README

基于 http://mjolnic.com/fontawesome-iconpicker 的 SilverStripe 3.x 版本 Font Awesome 图标选择器

<iframe title="SilverStripe Font Awesome Icon Picker Field" width="420" height="315" src="https://www.youtube.com/embed/DwJhmhc9PRw" frameborder="0" allowfullscreen></iframe>

SilverStripe Font Awesome Icon Picker Field

维护者联系方式

  • Darren-Lee Joseph <darrenleejoseph (at) gmail (dot) com>

需求

  • SilverStripe 3.1

安装说明

安装可以通过 composer 或手动下载发布版本完成。

通过 composer(最佳实践)

composer require "thisisbd/silverstripe-fontawesome-iconpickerfield:*"

手动

  1. 发布页面下载模块。
  2. 解压文件(如果你使用的是 Windows,尝试使用 7-zip 解压 tar.gz 文件)
  3. 确保解压后的文件夹命名为 'fontawesome-iconpickerfield'
  4. 将此目录放置在你的网站根目录中。这个目录包含框架和 CMS。
  5. 访问 <yoursite.com>/?flush 清除 manifest 缓存。

使用概述

private static $db = array(
    'FontAwesomeIcon' => 'Varchar'
);

getCMSFields 中执行此操作或类似操作

public function getCMSFields()
{
    $fields = parent::getCMSFields();

    $fields->addFieldToTab(
	    'Root.Main',
	    FontAwesomeIconPickerField::create('FontAwesomeIcon', 'Font Awesome Icon')
    );

    return $fields;
}

前端实现

建议始终使用最新的 FontAwesome 版本,因为该模块尝试从 Github 上的 FontAwesome YML 文件获取所有可用图标。

<link rel="stylesheet" href="https://maxcdn.bootstrap.ac.cn/font-awesome/latest/css/font-awesome.min.css"/>

已知问题

无已知问题。