Enable custom HTML markup

[kronos-999]

Hello, since we are trying to become a better shuffle.dev, I was thinking of a couple ideas. One of them (among importing markup from cdn servers to enable truly custom code to enter) was to have a live HTML Editor for the markup. A smal JS editor on the side could also be a possibility

[LiveDuo]

Hey @kronos-999,

That's an idea that I have long toy with and was requested many times in various forms from community members:

1. How to add another component #55
2. Custom components #1
3. React components #72

I think custom HTML components is the more simple option.

• These components need to be stored somewhere in the user' repository (maybe in the data folder) so they are persistent across refreshes.
• The custom HTML components won't have a preview image as that is not generated on the fly.

A custom HTML editor is not compatitble with the current form of the Craft.js version. That's because it uses React and stores the components in a json file. In other words, during development, there is no HTML to edit. In the Grapes.js version there is HTML and an HTML editor which if you haven't already might be worth giving a try.

[LiveDuo]

@kronos-999 Version 3 is out now and it's now easy to edit the component HTML. You can either edit it in your browser DevTools or edit the template file directly that now uses HTML.