Using not depended to codemirror.js

Without loading codemirror, color picker cannot be initiated

//include colorpicker js file and css file then=>

var ColorPicker = CodeMirrorColorPicker.ColorPicker;
var colorpicker = new ColorPicker({
    color: 'blue', // init color code 
    type : 'palette' // or 'sketch',  default type is 'chromedevtool'
})

this throws an error “Uncaught ReferenceError: CodeMirrorColorPicker is not defined”

To make it accessible I added one line to the end of ColorPicker method in the js file.

var index = _extends({}, Util, ColorPicker);
// added this line -->
window.CMColorPicker=ColorPicker.ColorPicker;
//--
return index;

and then tried

 var colorpicker = new CMColorPicker({
        color: 'blue',  
        position: 'inline',   
        container : $('color-container'),
        type : 'ring'
    });

This makes it work, But some types displayed distorted. please see attached file. This is how “ring” type is displayed.

By the way I think this is one of the best color picker tool on the web. Great job!

[easylogic]

@zortext

haha my mistake.

see to below code

        var picker = CodeMirrorColorPicker.create({
            type: 'ring', 
            ......
        });

you must use function named by create to making for multi type colorpicker.

CodeMirrorColorPicker.ColorPicker is default colorpicker that has a ‘chromedevtool’ type

[zortext]

I found the issue. new CodeMirrorColorPicker.create() works fine new CodeMirrorColorPicker.ColorPicker() causes the issue.

https://codepen.io/anon/pen/EdNbEQ