Como mudar estilo de cores do editor

2 participantes

Ir para baixo

Tópico resolvido Como mudar estilo de cores do editor

Mensagem por Necr0 01.07.17 14:32

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:
Como mudar estilo de cores do editor QoZscDq

Queria deixar mais ou menos assim, tem algum jeito?
Como mudar estilo de cores do editor OI8gGa9

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


Última edição por Necr0 em 01.07.17 15:37, editado 1 vez(es)
Necr0
Necr0
Novo Membro

Membro desde : 27/06/2017
Mensagens : 9
Pontos : 17

http://turbo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudar estilo de cores do editor

Mensagem por Luiz 01.07.17 15:24

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. Piscada

o/

---

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

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudar estilo de cores do editor

Mensagem por Necr0 01.07.17 15:30

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. Piscada

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..
Necr0
Necr0
Novo Membro

Membro desde : 27/06/2017
Mensagens : 9
Pontos : 17

http://turbo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudar estilo de cores do editor

Mensagem por Necr0 01.07.17 15:36

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

Membro desde : 27/06/2017
Mensagens : 9
Pontos : 17

http://turbo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como mudar estilo de cores do editor

Mensagem por Luiz 01.07.17 15:38

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


Atenção!

Você não pode fazer UP's antes de se completar 24 horas desde a última mensagem deste tópico! Por este motivo, nós pedimos que leia as regras do setor de suporte e principalmente a do Fórum dos Fóruns para não cometer novos erros!
Regras do FdF | Regras do Setor de Suporte

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos