Doctored.js - a new kind of editor

Features

User-friendly XML editor (no brackets!)
Live validiation against rulesets (RelaxNG or W3C Schema) occuring in the browser
Turn text selections into XML elements
See document structure at a glance
Code completion and contextural help (from schema)
Optional keyboard-only interface
It should be pretty fast too

Demo

Latest Chrome or Firefox needed

Quotes

Conal Tuohy "It's looking good! I haven't had a proper look yet though ... it's late, plus I'm drunk"

Gordon Anderson "It's looking good! I haven't had a proper look yet though ... it's early, I just got up, plus I'm drunk"

Tech

Doctored.js uses contentEditable, CSS pseudo-elements, and web workers running XMLLint compiled to JavaScript

The core libraries are plain-JavaScript and are about 20kb compressed (100kb uncompressed). The validation libraries are 500kb compressed however because they run in background threads (web workers) they rarely interupt the browser UI

CSS pseudo-elements are used for UI elements within the contentEditable and these are given the appearance of clickable widgets by tracking the mouse position and adjusting the CSS cursor accordingly

Source: Doctored.js @ Github.

About

About a decade ago I saw the Conglomerate XML editor and I thought the interface was brilliant but it wasn't web-based and, later, the project was abandoned

I always wanted to make an editor that wasn't yet-another-WYSIWYG and when I got the idea of using pseudo-elements within a contentEditable that was what started the process about a year ago

Features

Screenshot

Demo

Quotes

Tech

About