Reshape Custom Elements
Transform custom element names into class names.
Installation
npm i reshape-custom-elements --save
Usage
Input HTML
Text <!-- An actual HTML element defined in additionalTags --> Label <!-- Overriding the default replacement tag with a map --> Reshape is licensed under the MIT license <!-- Locally overriding the default replacement tag with an attribute --> This will get wrapped in a div instead of a span
Reshape processing
const reshape = const customElements =
Output HTML
Text Label This will get wrapped in a div instead of a span Reshape is licensed under the MIT license
Options
Name | Description | Default |
---|---|---|
defaultReplacementTag | Tag used to replace the custom element tag name | div |
additionalTags | Array of tags to be processed despite being a normal HTML tag. HTML tags that are used in the replacementTagMap will automatically be added to this list |
[] |
blacklist | Array of tags that should never be processed | [] |
replacementTagMap | Object containing custom tag ↔ replacement tag mappings in the format: ReplacedTag: [ customTag1, customTag2, ... ] . Overrides replacementTag |
{} |
replacementTagOverrideAttribute | Attribute name that can be used to locally override the used replacement tag. Overrides replacementTag and replacementTagMap |
data-replacement |
License
- Licensed under MIT
- See our contributing guidelines