A classic and elegant way to design visual programming or a programming language is to write a meta-model. Then you write two ways binding between text source

A classic and elegant way to design visual programming or a programming language is to write a meta-model. Then you write two ways binding between text source code / visual elements and your model (an instance of the meta-model). A lot of research and tools have been built around that. But basically it’s div/images bound to a model, and a model to code convertor. Or you interpret the model directly.