Skip to content
Will Rogers edited this page Oct 13, 2020 · 3 revisions

Developing a screen editor is out of scope for the current project. We should however keep the possibility in mind, as it is likely to be required at some point if the project continues.

Drag and drop editors for HTML do exist, the most capable of which appears to be grapesjs. However, I haven't found one that also handles absolute positioning. We might like two modes, one for relative and one for absolute positioning.

Ideas

  • A way of editing properties with a live preview
  • A similar idea? https://tinacms.org/
  • https://grapesjs.com/ - an excellent HTML drag and drop editor ** grapesjs-react isn't actively developed, but could give some ideas
  • OpenChakra is a nice drag-and-drop editor, but works only with Chakra UI
  • craftjs is a React drag-and-drop editor framework
  • blocksui is a React drag-and-drop editor, but doesn't look particularly active
  • React DND is a lower-level library that we would probably want to use
  • Webjive has an editor, apparently built with React DND
Clone this wiki locally