HTML Element

Added support to "Module Mode"

I just uploaded an updated version of the plugin. It should now support "Module" mode. I tested the sample projects and found no particular problems. But I recommend a little caution and please let me know if something no longer works as it used to.

For the moment the plugin works with "Use Worker: NO" and "Scripts Type: MODULE".

Thank you all!

Added global store

First Stable Release

New Expressions:

• GenericGetValue
• GenericGetAttribute
• GenericGetValueWithQuerySelector
• GenericGetAttributeWithQuerySelector
• GenericGetCheckedStatus
• GenericGetCheckedStatusQuerySelector
• GenericGetValueRadio

A big update: now you can handle inline events with the syntax:

el-on:onclik="nameFunction('param1','param2','param3',...)"

You can insert this in children's element or in the element itself. You can use all the standard GlobalEventHandlers.

In this demo project you can see how to use some events (onclick, ondblclick, onmouseover, oncontextmenu, onchange and oninput) to call functions.

HTMLelement - Inline Event Handlers.c3p

You can also watch the Personal Portfolio Project to learn how to integrate it in a real world application.

Personal Portfolio Webpage.c3p

NEW ACTIONS

• CSSAddClass
• CSSRemoveClass
• CSSToggleClass
• CSSReplaceClass

Add Mustaches for Attributes, Classes and Style

New Actions

HTMLAddAttribute, HTMLRemoveAttribute, HTMLChangeAttribute, CustomJSGetFileURL, CustomJSGetFileBLOB, CustomJSGetUrlBLOB, CustomJSGetBase64ImgFromURL, CustomJSGetBase64ImgFromFILE

New Conditions

JSOnGetFileURL, JSOnGetBLOB, JSOnGetUrlBLOB, JSOnGetBase64ImgFromURL, JSOnGetBase64ImgFromFILE

New Expressions

JSGetFileURL, JSGetFileBLOB, JSGetUrlBLOB, JSGetBase64ImgFromURL, JSGetBase64ImgFromFILE

Demo: Survey Form

• Online Demo: Build a Survey Form
• C3 file

Demo: Landing Page

• [https://el3um4s.github.io/construct-html-element-plugin/www/free-code-camp/build-a-product-landing-page/]Online Demo: Buy a Trombone
• C3 file

Bugfix

Added properties:

• useC3position
• useC3size
• useC3rotation
• useFontFamily

First version: it's still a beta. In the coming days I will add some other functions.