dijit/_editor/plugins/TextColor.js

  • Provides:

    • dijit._editor.plugins.TextColor

  • dijit._editor.plugins.TextColor

    • type
      Function
    • chains:
      • dijit._editor._Plugin: (prototype)
      • dijit._editor._Plugin: (call)
    • summary
      This plugin provides dropdown color pickers for setting text color and background color
    • description
      The commands provided by this plugin are:
* foreColor - sets the text color
* hiliteColor - sets the background color

Override _Plugin.buttonClass to use DropDownButton (with ColorPalette) to control this plugin
    • source: [view]
        this.dropDown = new dijit.ColorPalette();
        this.connect(this.dropDown, "onChange", function(color){
         this.editor.execCommand(this.command, color);

         
        });

  • dijit._editor.plugins.TextColor.buttonClass

    • summary
  • dijit._editor.plugins.TextColor.useDefaultCommand
       
    • type
      Boolean
    • summary
      False as we do not use the default editor command/click behavior.
  • dijit._editor.plugins.TextColor.updateState
       
    • type
      Function
    • source: [view] 
                    
      

                      var _e = this.editor;
        var _c = this.command;
        if(!_e || !_e.isLoaded || !_c.length){
         return;
        }

        
        if(this.button){
         var disabled = this.get("disabled");
         this.button.set("disabled", disabled);
         if(disabled){ return; }

         
         var value;
         try{
          value = _e.queryCommandValue(_c)|| "";
         }catch(e){
          //Firefox may throw error above if the editor is just loaded, ignore it
          value = "";
         }
        }

        
        if(value == ""){
         value = "#000000";
        }
        if(value == "transparent"){
         value = "#ffffff";
        }


        if(typeof value == "string"){
         //if RGB value, convert to hex value
         if(value.indexOf("rgb")> -1){
          value = dojo.colorFromRgb(value).toHex();
         }
        }else{ //it's an integer(IE returns an MS access #)
         value =((value & 0x0000ff)<< 16)|(value & 0x00ff00)|((value & 0xff0000)>>> 16);
         value = value.toString(16);
         value = "#000000".slice(0, 7 - value.length)+ value;

         
        }

        
        if(value !== this.dropDown.get('value')){
         this.dropDown.set('value', value, false);
        }
                    
      
                    
    • summary
      Overrides _Plugin.updateState().  This updates the ColorPalette
to show the color of the currently selected text.
    • tags: 
    • returns
      it's an integer(IE returns an MS access #)
  • dijit._editor.plugins.TextColor.dropDown
       
    • summary
  • o.plugin
       
    • summary
  • dijit._editor.plugins
       
    • type
      Object
    • summary
  • dijit._editor
       
    • type
      Object
    • summary
  • dijit
       
    • type
      Object
    • summary