A user account is required in order to edit this wiki, but we've had to disable public user registrations due to spam.

To request an account, ask an autoconfirmed user on Chat (such as one of these permanent autoconfirmed members).

IDE: Difference between revisions

From WHATWG Wiki
Jump to navigation Jump to search
(update for pathogen)
(Update on example vim plugin)
 
Line 5: Line 5:
vim also has completion features documented at http://vimdoc.sourceforge.net/htmldoc/insert.html#ft-css-omni
vim also has completion features documented at http://vimdoc.sourceforge.net/htmldoc/insert.html#ft-css-omni


== Install ==
https://github.com/kaihendry/vim-html5/ provides an example with a [http://youtu.be/fhDSPOLzdbw video tutorial] of howto integrate with validator.nu, jshint, csslint et al.
 
After installing [https://github.com/tpope/vim-pathogen Pathogen] to easily manipulate vim's runtimepath.
 
    cd ~/.vim/bundle; git clone https://github.com/kaihendry/vim-html5
 
== Usage ==
 
* Using `:make` whilst editing HTML will upload your HTML buffer to http://validator.nu
* Using `:make` whilst editing Javascript will upload your Javascript buffer to http://jslint.dabase.com
 
=== [http://jsbeautifier.org/ Javascript unpacker and beautifier] ===
 
Drop it into ~/.vim/ftplugin/javascript/jsbeautify.vim from http://www.vim.org/scripts/script.php?script_id=2727
 
To run the beautifier, employ the keystrokes [\]+[f]+[f].
 
 


= Emacs =
= Emacs =

Latest revision as of 16:09, 19 May 2014

vim

vim natively ships with CSS, Javascript & HTML syntax highlighting provided the feature is switched on.

vim also has completion features documented at http://vimdoc.sourceforge.net/htmldoc/insert.html#ft-css-omni

https://github.com/kaihendry/vim-html5/ provides an example with a video tutorial of howto integrate with validator.nu, jshint, csslint et al.

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.