Color Picker для Drupal

Опубликовано 2014.07.01

В ядре друпала есть модуль Color, позволяющий задавать цвета различных элементов темы прямо из админки. Данный Color Picker легко вытянуть и поставить в любую друпальскую форму. Можно создать форму самому, или поальтерить существующую. Такой код добавит элемент ко всем формам, так что ориентируйтесь на переменную $form_id в теле хука.

function my_module_form_alter(&$form, &$form_state, $form_id){
  $form['color'] = array(
    '#type' => 'textfield',
    '#title' => t('Color'),
    '#suffix' => '<div id="color-picker"></div>',
    '#default_value' => '#000000',
    '#attached' => array(
      'library' => array(
        array('system', 'farbtastic'),
      ),
      'js' => array(
        array(
          'type' => 'inline',
          'data' =>
            '(function($) {
              $(document).ready(function() {
                $("#color-picker").farbtastic("#edit-color");
              });
            }) (jQuery);'
        ),
      )
    )
  );
}

Если у вас этот код не будет работать-обратите внимание на поле #suffix, в нём должен быть див с таким же идентификатором, что и в js функции. Так же смотрите на имя переменной $form, которую вы создаёте или альтерите существующую. Её айдишник должен быть передан в js метод farbtastic. Айдишник инпута можно смотреть прям в фаербаге браузера.