Como mudar estilo de cores do editor

Detalhes da questão

Endereço do fórum: http://losshaykers.forumeiros.com
Versão do fórum: ModernBB

Descrição

Como faço pra trocar o modo de escolher a cor do texto, atualmente está assim:


Queria deixar mais ou menos assim, tem algum jeito?


Achei a imagem na net, mas é mais ou menos isso ai..

Olá,

Crie um novo JavaScript investido em todas as páginas com o código:

Código:

(function ($) {
  'use strict';

  var color;

  $(window).on('load', function () {

    var $textarea = $('#text_editor_textarea');

    if ($textarea.length === 0) {
      return;
    }

    var $sceditor = $textarea.sceditor('instance');
   
    $('<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/spectrum/1.6.1/spectrum.min.css" />').appendTo('head');
   
    $.get('http://cdnjs.cloudflare.com/ajax/libs/spectrum/1.6.1/spectrum.min.js')
      .done(function () {
        $('.sceditor-button-color').hide();
        $('<a>', {
          style: 'opacity: 1 !important; filter: none !important; cursor: pointer !important;',
          'class': 'sceditor-button fa-sceditor-button-color',
          'data-sceditor-command': 'newcolor',
          unselectable: 'on',
          title: 'Cor',
          html: '<div unselectable="on" style="opacity: 1 !important; filter: none !important; background-position: 0 -528px;">Cor</div>'
        })
          .spectrum({
            showPalette: true,
            palette: [
              ['#660000', '#FF0000', '#FF9933'],
              ['#663300', '#FFFF00', '#006600'],
              ['#666633', '#00FFFF', '#0000FF'],
              ['#000099', '#6600FF', '#990099'],
              ['#999999', '#EEEEEE', '#000000']
            ],

            allowEmpty: false,
            chooseText: "Inserir",
            cancelText: "Fechar",

            preferredFormat: "hex",
            showInput: false,
           
            hide: function (choosen) {
              var color = choosen.toHexString();
              console.log(color);

              $sceditor.insert('[color=' + color + ']', '[/color]'); 
            }
          })
            .insertAfter('.sceditor-button-color')
        ;
      })
      .fail(function () {
        console.log('Erro ao tentar criar o colorpicker.');
      })
    ;
  });
}(jQuery));

Salve e tudo feito.

o/

---

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.

Luiz escreveu:Olá,

Crie um novo JavaScript investido em todas as páginas com o código:

Código:

(function ($) {
  'use strict';

  var color;

  $(window).on('load', function () {

    var $textarea = $('#text_editor_textarea');

    if ($textarea.length === 0) {
      return;
    }

    var $sceditor = $textarea.sceditor('instance');
   
    $('<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/spectrum/1.6.1/spectrum.min.css" />').appendTo('head');
   
    $.get('http://cdnjs.cloudflare.com/ajax/libs/spectrum/1.6.1/spectrum.min.js')
      .done(function () {
        $('.sceditor-button-color').hide();
        $('<a>', {
          style: 'opacity: 1 !important; filter: none !important; cursor: pointer !important;',
          'class': 'sceditor-button fa-sceditor-button-color',
          'data-sceditor-command': 'newcolor',
          unselectable: 'on',
          title: 'Cor',
          html: '<div unselectable="on" style="opacity: 1 !important; filter: none !important; background-position: 0 -528px;">Cor</div>'
        })
          .spectrum({
            showPalette: true,
            palette: [
              ['#660000', '#FF0000', '#FF9933'],
              ['#663300', '#FFFF00', '#006600'],
              ['#666633', '#00FFFF', '#0000FF'],
              ['#000099', '#6600FF', '#990099'],
              ['#999999', '#EEEEEE', '#000000']
            ],

            allowEmpty: false,
            chooseText: "Inserir",
            cancelText: "Fechar",

            preferredFormat: "hex",
            showInput: false,
           
            hide: function (choosen) {
              var color = choosen.toHexString();
              console.log(color);

              $sceditor.insert('[color=' + color + ']', '[/color]'); 
            }
          })
            .insertAfter('.sceditor-button-color')
        ;
      })
      .fail(function () {
        console.log('Erro ao tentar criar o colorpicker.');
      })
    ;
  });
}(jQuery));

Salve e tudo feito.

o/

---

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.

Fiz isso porém não vi nada diferente, está a mesma coisa, até limpei os cookies etc mas nada..

Desculpe, foi erro meu, está funcionando sim! Obrigado.

@Necr0, por favor, não poste mensagens consecutivas antes das 24 horas.