README

Silverstripe Spectrum Colorpicker

基于Spectrum颜色选择器的另一个自定义颜色选择器字段，适用于Silverstripe (https://github.com/bgrins/spectrum)。

用法

$colorPicker = ColorpickerField::create('ColorPicker', 'ColorPickerTitle', '#ff0');

$colorPicker->setOptions(
  array(
    'allowEmpty' => true,
    'showInitial' => true,
    'showInput' => true,
    'showAlpha' => true,
    'showPalette' => true,
    'preferredFormat' => 'rgb',
    'palette' => array(
      array("#000","#444","#666","#999","#ccc","#eee","#f3f3f3","#fff"),
      array("#f00","#f90","#ff0","#0f0","#0ff","#00f","#90f","#f0f"),
    ),
  ));

polyfill支持

$colorPicker->setColorMode();

选项

array(
  'color' => false,
  'flat' => false,
  'showInput' => false,
  'allowEmpty' => false,
  'showButtons' => true,
  'clickoutFiresChange' => true,
  'showInitial' => false,
  'showPalette' => false,
  'showPaletteOnly' => false,
  'hideAfterPaletteSelect' => false,
  'togglePaletteOnly' => false,
  'showSelectionPalette' => true,
  'localStorageKey' => false,
  'appendTo' => "body",
  'maxSelectionSize' => 7,
  'cancelText' => "cancel",
  'chooseText' => "choose",
  'togglePaletteMoreText' => "more",
  'togglePaletteLessText' => "less",
  'clearText' => "Clear Color Selection",
  'noColorSelectedText' => "No Color Selected",
  'preferredFormat' => false,
  'containerClassName' => "",
  'replacerClassName' => "",
  'showAlpha' => false,
  'theme' => "sp-light",
  'palette' => array("#ffffff", "#000000", "#ff0000", "#ff8000", "#ffff00", "#008000", "#0000ff", "#4b0082", "#9400d3"),
  'selectionPalette' => [],
  'disabled' => false,
  'offset' => null
)

待办事项

实现JavaScript事件等...