Problema Generazione Colori Editor BBCODE

Francesco Pustorino

Nuovo Utente
15 Apr 2013
2
0
0
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.

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.
 
Ciao,
non è periodo per me di concentrarmi sui plugin di jquery
per questo nel frattempo che mi riprendo o che qualcun'altro riesca a trovare una soluzione sul tuo codice ti posto un semplice ciclo che ho appena creato per mostrare una palette di colori
HTML:
<style>
    p {
        float:left;
        padding:6px;
        margin:0;
        border:2px solid white;
    }
</style>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
    $(document).ready(function(){
        var col = ["black","yellow","red","blue","green","gold","violet","orange","gray","brown","purple","tomato","silver","peru","plum","indigo","fuchsia","cyan","coral","navy"];
        for(var i = 0; i < 21; i++) {
            $("#palette").append("<p title='" + col[i] + "'></p>");
            $("#palette p").eq(i).css("background-color",col[i]);
            if(i%5==0)
                $("#palette p").eq(i).css("clear","both");
        }        
    });    
</script>
<div id="palette"></div>
è la prima cosa semplice e intelligente che mi è venuta in mente:)
edit:
ho appena provato con IE9 ( obbrobrio :skull:) direi che è meglio che lascio perdere
 
Ultima modifica:
Criric Invece io credo che tu abbia ragione si devono creare sistemi simili per citare il nostro superBorgo manina manina ovvero da zero.
Quel sistema lo si puó creare tranquillamente.
 
Sono d'accordo, preferisco anchio creare le cose da zero, lo trovo piu utile e divertente e in piu impari il triplo
non sono riuscito ancora a risolvere per IE ho provato sostituendo i p con le td ma mi sono incasinato ancora di piu
mi ripeto : è meglio che lascio stare (almeno per questa sera) :cool:
 

Discussioni simili