JSFiddle - React, Tailwind, and code Playground

by Denis

HTML

<div class="some_class1">Див с новыми параметрами</div>
<div class="some_class2">Див с дефолтными параметрами</div>
<div>Див с не подключенным плагином</div>

CSS

div {
    width: 150px;
    height: 150px;
    border: 1px solid #CCC;
    float: left;
    margin: 5px;
    padding: 5px;
}

JavaScript

$.fn.editor = function(options){
    options = $.extend({
        bColor: '#F00', // дефолтный параметр
        bWidth: '5', // дефолтный параметр
    },options);
    
    $(this).css({
        borderColor: options.bColor,
        borderWidth: options.bWidth + 'px'
        
    });    
}
// подключение плагина с новыми параметрами
    // С новыми параметрами
$('.some_class1').editor({
    bColor: '#060',
    bWidth: '2'
});
   // с дефолтными параметрами
$('.some_class2').editor();