Ändern Sie Colorpicker für nicedit.js zu Photoshop wie

Question

Ich möchte die Standard-Farbwähler für nicedit.js ändern Während ich die js-Datei durchläuft, kann ich sehen, dass der folgende Code die Farbauswahl erzeugt. Die Daten werden unter Verwendung der Variablen colorList eingerichtet. Kann mir bitte jemand helfen, einen Farb-Picker wie Photoshop oder mehr relavant zu bekommen.

var nicEditorColorButton = nicEditorAdvancedButton.extend({ 
    addPane : function() { 
     var colorList = {0 : '00',1 : '33',2 : '66',3 :'99',4 : 'CC',5 : 'FF'}; 
     var colorItems = new bkElement('DIV').setStyle({width: '270px'}); 

     for(var r in colorList) { 
     for(var b in colorList) { 
      for(var g in colorList) { 
      var colorCode = '#'+colorList[r]+colorList[g]+colorList[b]; 

      var colorSquare = new bkElement('DIV').setStyle({'cursor' : 'pointer', 'height' : '15px', 'float' : 'left'}).appendTo(colorItems); 
      var colorBorder = new bkElement('DIV').setStyle({border: '2px solid '+colorCode}).appendTo(colorSquare); 
      var colorInner = new bkElement('DIV').setStyle({backgroundColor : colorCode, overflow : 'hidden', width : '11px', height : '11px'}).addEvent('click',this.colorSelect.closure(this,colorCode)).addEvent('mouseover',this.on.closure(this,colorBorder)).addEvent('mouseout',this.off.closure(this,colorBorder,colorCode)).appendTo(colorBorder); 

      if(!window.opera) { 
       colorSquare.onmousedown = colorInner.onmousedown = bkLib.cancelEvent; 
      } 

      } 
     } 
     } 
     this.pane.append(colorItems.noSelect()); 
    } 
}); 

Answer 1

würde ich das color zu Array mit Hex-Werten Photoshop ändern und es dann wie folgt verwenden:

var nicEditorColorButton = nicEditorAdvancedButton.extend({ 
    addPane : function() { 
    var colorList = {0 : '000000',1 : 'FFFFFF'}; /* here goes color list */ 
    var colorItems = new bkElement('DIV').setStyle({width: '270px'}); 

    for(var g in colorList) { 
    var colorCode = '#'+colorList[g]; 
    var colorSquare = new bkElement('DIV').setStyle({'cursor' : 'pointer', 'height' : '15px', 'float' : 'left'}).appendTo(colorItems); 
    var colorBorder = new bkElement('DIV').setStyle({border: '2px solid '+colorCode}).appendTo(colorSquare); 
    var colorInner = new bkElement('DIV').setStyle({backgroundColor : colorCode, overflow : 'hidden', width : '11px', height : '11px'}).addEvent('click',this.colorSelect.closure(this,colorCode)).addEvent('mouseover',this.on.closure(this,colorBorder)).addEvent('mouseout',this.off.closure(this,colorBorder,colorCode)).appendTo(colorBorder); 

    if(!window.opera) { 
     colorSquare.onmousedown = colorInner.onmousedown = bkLib.cancelEvent; 
    } 

    } 
    this.pane.append(colorItems.noSelect()); 
}}); 

nicht sicher, ob mein Code korrekt bearbeitet wird, aber Sie die grundlegende Idee. Entfernen Sie 2 für Schleifen und Schleife innerhalb der ColorList direkt