2015-09-11 2 views
0

Я пытаюсь реализовать плагин colorpicker-fontcolor для redactor-js.Redactor: dropdown plugin

http://jsfiddle.net/ped7txq6/

$(function(){ 

    //plugin 
    $.Redactor.prototype.fontcolor = function() 
    { 
     return { 
      init: function() 
      { 
       var name = 'fontcolor'; 
       var rdctr = this; 

       var button = this.button.addAfter('fontsize', name, this.lang.get(name)); 
       var $dropdown = this.button.addDropdown(button); 

       $dropdown.css('min-width', '199px'); 
       this.fontcolor.buildPicker($dropdown, name); 

       button.on('click', function(){ 

        rdctr.selection.save(); 

       }); 
      }, 
      buildPicker: function($dropdown, name) 
      { 
       var rdctr = this; 

       var $picker = $('<p>').ColorPicker({ 
                flat: true, 
                onSubmit: function(hsb, hex, rgb, el){ 
                // $(el).val('#' + hex); 
                // $(el).ColorPickerHide(); 
                }, 
                onChange: function(hsb, hex, rgb, el){ 
                // $(el).val(hex); 
                 rdctr.fontcolor.set('color', '#' + hex); 
                } 
               }).bind('keyup', function(){ 
                //$(rdctr).ColorPickerSetColor(rdctr.value); 
               // rdctr.fontcolor.set('color', '#' + hex); 

               }); 
       $dropdown.append($picker); 
      }, 
      set: function(rule, type) 
      { 
       console.log('_', type); 
       //selected color 
       this.selection.restore(); 
       this.inline.format('span', 'style', rule + ':' + type + ';'); 
      }, 
      remove: function(rule) 
      { 
       //removed color 
      // this.inline.removeStyleRule(rule); 
      } 
     }; 
    }; 

    //editor 
    $('#redactor').redactor({ 

     plugins: ['fontcolor'], 
     focus: true, 
     changeCallback: function() 
     { 
     }, 
     blurCallback: function() 
     { 
     } 

    }); 

}); 

У меня есть две проблемы:

  1. Когда я нажал в выпадающем списке на ColorPicker, раскрывающийся близко,
  2. Иногда, когда я выбрал цвет, текст в редакторе получить цвет по умолчанию, а не фактический цвет от colorpicker.

Любой может помочь в этом?

Большое спасибо!

ответ

Смежные вопросы