data-attribute-parser

0.0.3 • Public • Published

data-attribute-parser

jQuery helper plugin to parse data- attributes and load other plugins using that parsed attributes as plugin params.

How to use it?

Here's an example on how to load ckeditor (it's an example!) on textarea inputs. Assuming you have some textareas like the following:

<textarea data-ckeditor-disable>
    This textarea won't have CKEditor enabled
</textarea>
<textarea data-ckeditor-resize_enabled=true data-ckeditor-toolbar="toolbar-name">
    This textarea will have CKEditor enabled with the specified values
</textarea>

Now parse the params and load the plugin:

$('textarea').parseDataAttributes({
        prefix: "ckeditor", // will search for data-ckeditor- prefixed attributes
        params: {
            // default params to be merged with data- params
            toolbar: "full",
            resize_enabled: false
        }
    }, function($this, params) {
        // Run a callback after params have been parsed
        $this.ckeditor(params);
    }
);

WARNING: camelCasedValues are lowercased by the DOM, so you will need to declare that attributes as dashed-attributes and they will be converted to camel cased (i.e. dashed-attributes to dashedAttributes).

/data-attribute-parser/

    Package Sidebar

    Install

    npm i data-attribute-parser

    Weekly Downloads

    2

    Version

    0.0.3

    License

    Apache-2.0

    Last publish

    Collaborators

    • elboletaire