Similar projects

[Frizi]

Just wanted to share that this idea is very similar to "AST editing" and there are a few projects doing that already. Using that for HTML is a very good usecase though. Check out http://www.lamdu.org/ , you might find some inspiration here.

[sakamies]

Very similar to AST indeed! Thanks for the link, I'll check it out .This thread might be a good place to gather links to other similar projects.

[sakamies]

http://www.lamdu.org

This project aims to create a next-generation live programming environment that radically improves the programming experience. "Live programming" means that the code is being executed as you type it. The main idea behind the Lamdu project is that the canonical representation of programs should not be text, but rich data structures: Abstract syntax trees. Our programming tools, UIs and ecosystems should take advantage and expose this structure. This has some far-reaching implications, which will be described below.

https://youtu.be/tztmgCcZaM4 & http://westoncb.com/projects/tiledtext

A demo of the Tiled Text Engine, a framework for creating text editors of a new style, demonstrated through the GIDE app (Gestural IDE).

https://sciter.com/new-blocknote-net-application-is-getting-its-shape/

BN is an editor “for the rest of us on the Net” – simple WYSIWYG editor producing clean HTML that is ready to be embedded into blogs, emails, etc. It is an editor for “Internet writers” people who produce content and so need humanistic tool rather than plain text editor with cryptic HTML or even Markdown.

https://github.com/DaveJarvis/scrivenvar/blob/master/README.md

Word processing with variables.

https://pinegrow.com

A desktop app that lets you build responsive websites faster with live multi-page editing, CSS styling and smart components for Bootstrap, Foundation, AngularJS and

http://grapesjs.com

GrapesJS is an open-source, multi-purpose, Web Builder Framework which combines different tools and features with the goal to help you (or users of your application) to build HTML templates without any knowledge of coding. It's a perfect solution to replace the common WYSIWYG editors, which are good for content editing but inappropriate for creating HTML structures. You can see it in action with the official demos, but using its API you're able to build your own editors.

http://www.radii8.com

Radiate is a professional design and development application used to create, assemble and rapidly prototype designs, layouts, themes and web pages in numerous web languages and technologies including Flex and HTML5.

https://deepui.io

A completely different approach to programming. Live and tangible. It is the fastest way. DeepUI is going to be a general purpose IDE but... PHASE 1 IS FOR VIDEO GAMES

http://unisonweb.org

next-generation programming platform, currently in development

https://www.jetbrains.com/mps/

With MPS you can design your own extensible DSLs and start using them right away to build end-user applications. Unique technology of projectional editing allows to overcome the limits of language parsers, and build much richer DSL editors, such as ones with tables and diagrams.

http://www.html-tidy.org

Tidy is a console application for Mac OS X, Linux, Windows, UNIX, and more. It corrects and cleans up HTML and XML documents by fixing markup errors and upgrading legacy code to modern standards.