posthtml-custom-elements

posthtml-custom-elements plugin

Use HTML custom elements now!

Usage

var posthtml = require('posthtml'),
    customElements = require('posthtml'),
    myCustomElementHTML = '<my-component><my-text class="text">Text</my-text></my-component>',
    options = { defaultTag: 'span' };

posthtml()
    .use(customElements(options))
    .process(myCustomElementHTML)
    .then(function(result) {
        clonsole.log(result.html);
        // <span class="my-component"><span class="my-text text">Text</span></span>
    })

Options

defaultTag

Default: div

Tag is used to replace tag custom element

Options { defaultTag: 'span' }

Input: <custom>Test</custom>
Output: <span class="custom">Test</span>

skipTags

Default: []

Skip html5 tag for parse

Options { skipTags: 'header' }

Input: <header>Test</header>
Output: <div class="header">Test</div>