Salve Gente,
Ho installato un editor BBCODE (sceditor) sulla webview di un applicazione per iphone/android che sto realizzando, ho un piccolo problemino, il tasto font color è basato sulla scala RGB dei colori con i gradienti, ma non va bene per l'utilizzo che devo farne io vi inserisco qui la funzioncina e vi spiego sotto cosa dovrei fare.
Dovrei differenziare i colori senza vedere una scala come è ora avendo a disposizione 16 quadratini (4*4) di 20px, ovvero rosso, giallo, blu con graduazioni visibili fra loro come è nell'editor di questo sito.
Mi potete aiutare?
Grazie anticipatamente.
Ho installato un editor BBCODE (sceditor) sulla webview di un applicazione per iphone/android che sto realizzando, ho un piccolo problemino, il tasto font color è basato sulla scala RGB dei colori con i gradienti, ma non va bene per l'utilizzo che devo farne io vi inserisco qui la funzioncina e vi spiego sotto cosa dovrei fare.
Codice:
color: {
_dropDown: function (editor, caller, callback) {
var i, x, color, colors, genColor = {
r : 255,
g : 255,
b : 255
}, content = $("<div />"),
colorColumns = editor.opts.colors ? editor.opts.colors.split("|") : Array(4),
html = [],
cmd = $.sceditor.command.get("color");
if (!cmd._htmlCache) {
for (i = 0; colorColumns.length > i; ++i) {
for (colors = colorColumns[i] ? colorColumns[i].split(",") : Array(4), html.push('<div class="sceditor-color-column">'), x = 0; colors.length > x; ++x) color = colors[x] || "#" + genColor.r.toString(16) + genColor.g.toString(16) + genColor.b.toString(16), html.push('<a href="#" class="sceditor-color-option" style="background-color: ' + color + '" data-color="' + color + '"></a>'), 0 === x % 5 ? (genColor.g -= 150, genColor.b = 155) : genColor.b = 51;
html.push("</div>"), 0 === i % 5 ? (genColor.r = 99, genColor.g = 255, genColor.b = 255) : (genColor.g = 255, genColor.b = 255)
}
cmd._htmlCache = html.join("")
}
content.append(cmd._htmlCache).find("a").click(function (e) {
callback($(this).attr("data-color")), editor.closeDropDown(!0), e.preventDefault()
}), editor.createDropDown(caller, "color-picker", content)
},
exec: function (caller) {
var editor = this;
$.sceditor.command.get("color")._dropDown(editor, caller, function (color) {
editor.execCommand("forecolor", color)
})
},
tooltip: "Font Color"
Dovrei differenziare i colori senza vedere una scala come è ora avendo a disposizione 16 quadratini (4*4) di 20px, ovvero rosso, giallo, blu con graduazioni visibili fra loro come è nell'editor di questo sito.
Mi potete aiutare?
Grazie anticipatamente.