A blocks-based editor for HTML code

This paper presents a block-programming editor for HTML code. The editor provides a block visualization of HTML syntax, allowing students to work in either blocks or text and switch freely. Our editor was created as an extension of Droplet, a dual-mode programming block editing framework that was previously used for JavaScript and CoffeeScript. We describe the process of extending Droplet to apply to HTML. We also discuss an analysis of real-world HTML tags and attributes and propose a palette based on this analysis.