hi
i get a code in Portuguese help form
the code is working
But there is a problem
It lacks the css code in order to show the activation
i am using this code only :
- Code:
$(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>'
);
});
http://ajuda.forumeiros.com/t100038-addon-bbcode-neon#690705
He adds a button and make it work
But for a preview Topic liters code does not take effect
Because it needs to Code: CSS
Thread, which was published in the support forum Portuguese
did not put us to the CSS code
the effect on code > add button to Put under the colored writing
anybody can help me ?
Last edited by coolkool on September 18th 2015, 8:37 pm; edited 2 times in total (Reason for editing : change the titel)