From WHATWG Wiki

Contents 1 vim 1.1 HTML5 text/html syntax 1.2 Lint 1.3 Javascript unpacker and beautifier 1.4 Installation instructions 2 Emacs 2.1 XHTML5 or polyglot documents

vim

HTML5 text/html syntax

https://vim.svn.sourceforge.net/svnroot/vim/vim7/runtime/autoload/xml/ and :help xml-omni-datafile might help you get started.

Ideally some sort of tool to convert http://syntax.whattf.org/relaxng/ into a xml-omni-datafile is required. Updating https://vim.svn.sourceforge.net/svnroot/vim/vim7/runtime/autoload/xml/html40s.vim looks a bit too painful.

Lint

See the HTML5 conformance checking in Vim blog entry for an introduction.

Idea is to integrate Web services via curl with your editor that supports Validator.nu_GNU_Output, e.g. vim:

• HTML validation with validator.nu script
• JavaScript validation with JSlint script - service source
• CSS validation is being worked on

Javascript unpacker and beautifier

Drop it into ~/.vim/ftplugin/jsbeautify.vim from http://www.vim.org/scripts/script.php?script_id=2727 and simply `source ~/.vim/ftplugin/jsbeautify.vim` from http://svn.natalian.org/projects/html5/javascript.vim

To run the beautifier, typically it's the keystrokes [\]+[f]+[f].

Installation instructions

http://svn.natalian.org/projects/html5/INSTALL

Any suggestions? Please get in contact with Kai Hendry

Caveats:

• Vim's errorformat has issues parsing anything too complex, so best edit the stream for the errorformat (not the other way around)
• Vim's quickfix list (:cope) seems to require a filename (%f) in the error format

Emacs

XHTML5 or polyglot documents

Emacs ships with nxml-mode, a major mode for editing XML which does on-the-fly validation with RELAX NG schema. You can plug fantasai and hsivonen's schema into nxml-mode. The necessary shim code is included in the hober/html5-el project on github.