search

LiveDuo / destack

Page builder for Next.js 🅧. Zero-config deployment 🚀. React now supported!
MIT License
1.56k stars 314 forks source link

Enable custom HTML markup #94

Closed kronos-999 closed 6 months ago

kronos-999 commented 1 year ago

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 commented 1 year ago

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.

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 commented 6 months ago

@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.