Neon nas mensagens

Como faço para coloca neon em alguma palavra de um tópico?

Características e aplicação:

Resultado da aplicação:

Local de instalação:

Painel de Controle Módulos HTML e Javascript Gestão dos códigos Javascript     Investimento   .

Código:

$(function() {
  if (!$.sceditor) return;

  $.sceditor.command.set('neon', {

  _dropDown : function(editor,caller,callback) {
    var i, x, neon, neons, genneon = {
       r: 255, g: 255, b: 255
    },
    content = $("<div />"),
    neonColumns = editor.opts.neons?editor.opts.neons.split("|"):new Array(6),
    html = [],
    cmd = $.sceditor.command.get('neon');
    if(!cmd._htmlCache) {
       for(i = 0; i < neonColumns.length; ++i) {
            neons = neonColumns[i]?neonColumns[i].split(","):new Array(37);
            html.push('<div class="sceditor-color-column">');
             for(x = 1; x < neons.length; ++x) {
                  neon = neons[x]||"#"+genneon.r.toString(16)+genneon.g.toString(16)+genneon.b.toString(16);
                  html.push('<a href="#" class="sceditor-neon-option" style="background-color: ' + neon + '" data-neon="' + neon + '" title="' + neon + '"></a>');
                  if(x%6 === 0) {
                     genneon.g -= 51;
                     genneon.b = 255;
                     if(genneon.g < 51) {
                        genneon.g = "00";
                     }
                  } else genneon.b -= 51;
                  if(genneon.b < 51) {
                     genneon.b = "00";
                  }
             }
             html.push('</div>');
             if(i%1 === 0) {
                genneon.r -= 51;
                genneon.g = 255;
                genneon.b = 255;
                if(genneon.r < 51) {
                   genneon.r = "00";
                }
             } else {
                   genneon.g = 255;
                   genneon.b = 255;
             }
       }
       cmd._htmlCache = html.join('');
    }
    content.append(cmd._htmlCache).find('a').click(function(e) {
         callback($(this).attr('data-neon'));
         editor.closeDropDown(true);
         e.preventDefault();
    });
    editor.createDropDown(caller, "neon-picker", content);
   },
   // WYSIWYG MODE
   txtExec : function(caller) {
   var editor = this;
       $.sceditor.command.get('neon')._dropDown(editor, caller, function(neon) {
         editor.insertText("[neon="+neon+"]","[/neon]");
   });
   },
   // SOURCE MODE
   exec : function(caller) {
   var editor = this;
       $.sceditor.command.get('neon')._dropDown(editor, caller, function(neon) {
         editor.insertText("[neon="+neon+"]","[/neon]");
       });
   }, tooltip: "Neon"});
  
  toolbar = toolbar.replace(/quote/,'neon,quote');

  $('head').append(
  '<style type="text/css">' +
  '.sceditor-button-neon div {' +
  '  background:url(https://cdn2.iconfinder.com/data/icons/aspneticons_v1.0_Nov2006/color2_16x16.gif) !important}' +
  '  .sceditor-neon {' +
  '  width:auto;' +
  '  height:auto;' +
  '  overflow-y:auto;' +
  '}' +
  '.sceditor-neon-picker {' +
  '  padding: 0 !important;' +
  '}' +
  '.sceditor-neon-option {' +
  'border: 1px solid #fff;' +
  'display: block;' +
  'height: 10px;' +
  'overflow: hidden;' +
  'width: 10px;' +
  '}' +
  '</style>'
  );
});

Código:

    neon: {
          replacement: '<font style="color: {ATTR};text-shadow: 0px 0px 5px {ATTR};">{CONTENT}</font>'
    }

Código:


$(function() {
  if (!$.sceditor) return;

  $.sceditor.command.set('neon', {

  _dropDown : function(editor,caller,callback) {
    var i, x, neon, neons, genneon = {
      r: 255, g: 255, b: 255
    },
    content = $("<div />"),
    neonColumns = editor.opts.neons?editor.opts.neons.split("|"):new Array(6),
    html = [],
    cmd = $.sceditor.command.get('neon');
    if(!cmd._htmlCache) {
      for(i = 0; i < neonColumns.length; ++i) {
            neons = neonColumns[i]?neonColumns[i].split(","):new Array(37);
            html.push('<div class="sceditor-color-column">');
            for(x = 1; x < neons.length; ++x) {
                  neon = neons[x]||"#"+genneon.r.toString(16)+genneon.g.toString(16)+genneon.b.toString(16);
                  html.push('<a href="#" class="sceditor-neon-option" style="background-color: ' + neon + '" data-neon="' + neon + '" title="' + neon + '"></a>');
                  if(x%6 === 0) {
                    genneon.g -= 51;
                    genneon.b = 255;
                    if(genneon.g < 51) {
                        genneon.g = "00";
                    }
                  } else genneon.b -= 51;
                  if(genneon.b < 51) {
                    genneon.b = "00";
                  }
            }
            html.push('</div>');
            if(i%1 === 0) {
                genneon.r -= 51;
                genneon.g = 255;
                genneon.b = 255;
                if(genneon.r < 51) {
                  genneon.r = "00";
                }
            } else {
                  genneon.g = 255;
                  genneon.b = 255;
            }
      }
      cmd._htmlCache = html.join('');
    }
    content.append(cmd._htmlCache).find('a').click(function(e) {
        callback($(this).attr('data-neon'));
        editor.closeDropDown(true);
        e.preventDefault();
    });
    editor.createDropDown(caller, "neon-picker", content);
  },
  // WYSIWYG MODE
  txtExec : function(caller) {
  var editor = this;
      $.sceditor.command.get('neon')._dropDown(editor, caller, function(neon) {
        editor.insertText("[neon="+neon+"]","[/neon]");
  });
  },
  // SOURCE MODE
  exec : function(caller) {
  var editor = this;
      $.sceditor.command.get('neon')._dropDown(editor, caller, function(neon) {
        editor.insertText("[neon="+neon+"]","[/neon]");
      });
  }, tooltip: "Neon"});
 
  toolbar = toolbar.replace(/quote/,'neon,quote');

  $('head').append(
  '<style type="text/css">' +
  '.sceditor-button-neon div {' +
  '  background:url(https://cdn2.iconfinder.com/data/icons/aspneticons_v1.0_Nov2006/color2_16x16.gif) !important}' +
  '  .sceditor-neon {' +
  '  width:auto;' +
  '  height:auto;' +
  '  overflow-y:auto;' +
  '}' +
  '.sceditor-neon-picker {' +
  '  padding: 0 !important;' +
  '}' +
  '.sceditor-neon-option {' +
  'border: 1px solid #fff;' +
  'display: block;' +
  'height: 10px;' +
  'overflow: hidden;' +
  'width: 10px;' +
  '}' +
  '</style>'
  );
});

Código:


jQuery(document).ready(function($) {

var bbCodes = {
 
// Nota: Adicione uma vírgula ao final de cada nova entrada;
// O "{ATTR}" é correspondente ao 'título' da tag, e o "{CONTENT}" é correspondente ao texto entre as tags

 neon: {
          replacement: '<font style="color: {ATTR};text-shadow: 0px 0px 5px {ATTR};">{CONTENT}</font>'
    }

// Nota: Não adicione vírgula ao final da última entrada

};

var p = $(".postbody , .blog_message"); //pega as postagens

for(var i = 0, e; (e = p[ i++ ]); ) {
    var entry = $(e);
    $.each(bbCodes, function(tag, value) {
      var re = new RegExp("\\["+tag+"(?:=(\"|'?)([^\\]]+)\\1)?\\]([\\s\\S]*?)\\[/"+tag+"]", "gi"), match = entry.text().match(re);
      if(match) {
          for(var tag in match) {
              var content = match[tag], b = "$3";
              if(value.replace && value.replace(content)) {
                b = value.replace(content);
              }
              replacement = value.replacement.replace(/{ATTR}/g,"$2").replace(/{CONTENT}/g,b);
              var c = content.replace(re, replacement);
              entry.html(entry.html().replace(content, c));
          }
      }
    });
}
});

Código:

<span style='text-shadow:0px 0px 5px blue'> TEXTO </span>

PrisoN escreveu:Resolvido, obrigado aos dois.