Melhoria da tag "code" no SCEditor

Instalação do código Javascript

Painel administrativo Módulos HTML e Javascript Gestão dos códigos Javascript Criar um novo javascript

Habilitar o gerenciamento dos códigos Javascript - Permite ativar os scripts personalizados criados pelo administrador no fórum. Este recurso não tem qualquer impacto nos scripts nativos do fórum.

Tìtulo - Cria um título para identificar o script a ser modificado mais tarde na lista de scripts do fórum.

Investimento - São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.

Código Javascript - Espaço destinado a receber o script que será ativado pelo administrador. Antes de aplicar o script ao fórum, é importante revisá-lo para ter certeza de seu funcionamento.

Código:

/**
 * Melhorar o botão CODE no SCEditor.
 *
 * @author: Luiz~
 * @see: <a href="http://ajuda.forumeiros.com/">Fórum dos Fóruns</a>
 * @licence: MIT
 */
(function ($) {
  'use strict';
 
  $(window).on('load', function () {
 
    $('.sceditor-button-code').css('display', 'none');
    var $faCode = $([
      '<a class="sceditor-button sceditor-button-c0de" data-sceditor-command="fa-code" ' +
      '  unselectable="on" title="Code">',
      '  <div unselectable="on" style="background-position: 0 -544px; filter: none!important; ' +
      '  opacity: 1!important;">Code</div>',
      '</a>',
    ].join('\n'))
      .on('click', function () {
        $('.sceditor-fa-code-drop')
          .css({
            left: $faCode.offset().left + 'px',
            top: $faCode.offset().top + 'px'
          })
            .toggle();
      })
        .insertAfter('.sceditor-button-code')
    ;
 
    $([
      '<div class="sceditor-dropdown sceditor-fa-code-drop">',
      '  <div>',
      '    <label for="txt" unselectable="on">Cole o código:</label>',
      '    <textarea id="fa-code-content" value="" cols="20" rows="7" ' +
      '    style="min-width: 160px; width: 160px;"></textarea>',
      '  </div>',
      '  <div>',
      '    <input type="button" class="button" id="fa-code-btn" value="Inserir código">',
      '  </div>',
      '</div>',
    ].join('\n'))
      .css({
        marginTop: '28px',
        display: 'none'
      })
        .appendTo('body')
    ;
 
    var $sceditor = $("#text_editor_textarea");
    $('#fa-code-btn').on('click', function () {
      $sceditor
        .sceditor('instance')
          .insertText('[code]' + $('#fa-code-content').val() + '[/code]')
      ;
      $('.sceditor-fa-code-drop').toggle();
      $('#fa-code-content').val('');
    });
  }); 
}(jQuery));

• Resultado do tutorial: