Simple project to get text previews using data set values. If the browser supports Mutation Observer the dataset keys stay reactive. There is certainly better ways to implement reactivity with a object based two-way data storage like in React or Vue instead of distributed datasets, but it is a demo on getting feedback direct in the IDE and using the additional HTML-attributes panel provided by Hype.
Usage: After registering the dataset keys with
HypeDataFill.mapDatasetToClass for example
HypeDataFill.mapDatasetToClass('headline', '.data-headline'); every element below an element that has a
data-headline and has the class
.data-headline will have the content defined under
Code repository on GitHub
1.0 Initial release under MIT-license
1.1 Added option to set initial value
Content Delivery Network (CDN)
Latest version can be linked into your project using the following in the head section of your project:
Optionally you can also link a SRI version or specific releases.
Read more about that on the JsDelivr (CDN) page for this extension at https://www.jsdelivr.com/package/gh/worldoptimizer/HypeDataFill
Learn how to use the latest extension version and how to combine extensions into one file at