IDE - Revision history

Hendry: Update on example vim plugin

2014-05-19T16:09:54Z

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
-== 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.
 = Emacs =

Hendry: update for pathogen

2011-11-20T16:15:40Z

update for pathogen

← Older revision		Revision as of 16:15, 20 November 2011
Line 1:		Line 1:
	= vim =		= vim =

	~~<video controls src="http://static.natalian.org/2010-10-24/html5-~~vim.~~ogv">~~		vim natively ships with CSS, Javascript & HTML syntax highlighting provided the feature is switched on.

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

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

	~~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~~.		After installing [https://github.com/tpope/vim-pathogen Pathogen] to easily manipulate vim's runtimepath.

	~~=== Lint ===~~		cd ~/.vim/bundle; git clone https://github.com/kaihendry/vim-html5

	~~See the [http://blog.whatwg.org/vim-checker HTML5 conformance checking in Vim blog entry] for an introduction.~~		== Usage ==

	~~Idea is to integrate Web services via [http~~:~~//en.wikipedia.org/wiki/CURL curl] with~~ your ~~editor that supports [[Validator.nu_GNU_Output]], e.g. [http://en.wikipedia.org/wiki/Vim_editor vim]:~~		* 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
	* HTML ~~validation with [~~http://validator.nu~~/ validator.nu] script~~
	* ~~JavaScript validation with [http~~:~~//www.jslint.com/ JSlint] script - [~~http://~~git.webvm.net/?p=~~jslint ~~service source]~~
	* CSS validation is [http://lists.w3.~~org/Archives/Public/www-validator-css/2008Jul/thread.html being worked on]~~

	=== [http://jsbeautifier.org/ Javascript unpacker and beautifier] ===		=== [http://jsbeautifier.org/ 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~~		Drop it into ~/.vim/ftplugin/javascript/jsbeautify.vim from http://www.vim.org/scripts/script.php?script_id=2727

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

	~~=== Installation instructions ===~~

	~~http://svn~~.~~natalian.org/projects/html5/INSTALL~~		To run the beautifier, employ the keystrokes [\]+[f]+[f].

	~~Any suggestions? Please get in contact with [http://hendry.iki.fi/ 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 =		= Emacs =

Annevk at 07:51, 26 January 2011

2011-01-26T07:51:08Z

← Older revision		Revision as of 07:51, 26 January 2011
Line 40:		Line 40:

	Emacs ships with [http://www.thaiopensource.com/nxml-mode/ nxml-mode], a major mode for editing XML which does on-the-fly validation with RELAX NG schema. You can plug [http://wiki.whatwg.org/wiki/HTML5_Conformance_Checker#The_Schemas fantasai and hsivonen's schema] into nxml-mode. The necessary shim code is included in the [http://github.com/hober/html5-el/tree/master hober/html5-el project on github].		Emacs ships with [http://www.thaiopensource.com/nxml-mode/ nxml-mode], a major mode for editing XML which does on-the-fly validation with RELAX NG schema. You can plug [http://wiki.whatwg.org/wiki/HTML5_Conformance_Checker#The_Schemas fantasai and hsivonen's schema] into nxml-mode. The necessary shim code is included in the [http://github.com/hober/html5-el/tree/master hober/html5-el project on github].

			[[Category:Implementations]]

Hendry: Added video tutorial

2010-10-24T20:35:25Z

Added video tutorial

← Older revision		Revision as of 20:35, 24 October 2010
Line 1:		Line 1:
	= vim =		= vim =

			<video controls src="http://static.natalian.org/2010-10-24/html5-vim.ogv">

	=== HTML5 text/html syntax ===		=== HTML5 text/html syntax ===

Hendry: /* Installation instructions */

2010-03-18T11:25:11Z

Installation instructions

← Older revision		Revision as of 11:25, 18 March 2010
Line 30:		Line 30:

	Caveats:		Caveats:
	* Vim's makeprg syntax requires some horrible escaping, hence the need for an external script
	* Vim's errorformat has issues parsing anything too complex, so best edit the stream for the errorformat (not the other way around)		* 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		* Vim's quickfix list (:cope) seems to require a filename (%f) in the error format


	= Emacs =		= Emacs =

Hendry: beautifier

2010-03-18T11:08:07Z

beautifier

← Older revision		Revision as of 11:08, 18 March 2010
Line 16:		Line 16:
	* JavaScript validation with [http://www.jslint.com/ JSlint] script - [http://git.webvm.net/?p=jslint service source]		* JavaScript validation with [http://www.jslint.com/ JSlint] script - [http://git.webvm.net/?p=jslint service source]
	* CSS validation is [http://lists.w3.org/Archives/Public/www-validator-css/2008Jul/thread.html being worked on]		* CSS validation is [http://lists.w3.org/Archives/Public/www-validator-css/2008Jul/thread.html being worked on]

			=== [http://jsbeautifier.org/ 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 ===		=== Installation instructions ===

TheresaOConnor: Reverted edits by Lakama (talk) to last revision by Hendry

2010-02-26T15:47:44Z

Reverted edits by Lakama (talk) to last revision by Hendry

← Older revision		Revision as of 15:47, 26 February 2010
Line 16:		Line 16:
	* JavaScript validation with [http://www.jslint.com/ JSlint] script - [http://git.webvm.net/?p=jslint service source]		* JavaScript validation with [http://www.jslint.com/ JSlint] script - [http://git.webvm.net/?p=jslint service source]
	* CSS validation is [http://lists.w3.org/Archives/Public/www-validator-css/2008Jul/thread.html being worked on]		* CSS validation is [http://lists.w3.org/Archives/Public/www-validator-css/2008Jul/thread.html being worked on]
	~~[http://www.essaywriters.net freelance writing]~~

	=== Installation instructions ===		=== Installation instructions ===

Lakama: /* Lint */

2010-02-26T15:26:43Z

Lint

← Older revision		Revision as of 15:26, 26 February 2010
Line 16:		Line 16:
	* JavaScript validation with [http://www.jslint.com/ JSlint] script - [http://git.webvm.net/?p=jslint service source]		* JavaScript validation with [http://www.jslint.com/ JSlint] script - [http://git.webvm.net/?p=jslint service source]
	* CSS validation is [http://lists.w3.org/Archives/Public/www-validator-css/2008Jul/thread.html being worked on]		* CSS validation is [http://lists.w3.org/Archives/Public/www-validator-css/2008Jul/thread.html being worked on]
			[http://www.essaywriters.net freelance writing]

	=== Installation instructions ===		=== Installation instructions ===

Hendry: v before e

2010-02-04T11:30:08Z

v before e

@@ Line 1: / Line 1: @@
-Inspired by the [http://www.openajax.org/member/wiki/IDE OpenAjax IDE task force].
+= vim =
 === HTML5 text/html syntax ===
@@ Line 38: / Line 27: @@
 * 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

Hendry: cleanup

2010-02-04T11:19:09Z

cleanup

← Older revision		Revision as of 11:19, 4 February 2010
Line 8:		Line 8:

	Emacs ships with [http://www.thaiopensource.com/nxml-mode/ nxml-mode], a major mode for editing XML which does on-the-fly validation with RELAX NG schema. You can plug [http://wiki.whatwg.org/wiki/HTML5_Conformance_Checker#The_Schemas fantasai and hsivonen's schema] into nxml-mode. The necessary shim code is included in the [http://github.com/hober/html5-el/tree/master hober/html5-el project on github].		Emacs ships with [http://www.thaiopensource.com/nxml-mode/ nxml-mode], a major mode for editing XML which does on-the-fly validation with RELAX NG schema. You can plug [http://wiki.whatwg.org/wiki/HTML5_Conformance_Checker#The_Schemas fantasai and hsivonen's schema] into nxml-mode. The necessary shim code is included in the [http://github.com/hober/html5-el/tree/master hober/html5-el project on github].


			== vim ==

	=== HTML5 text/html syntax ===		=== HTML5 text/html syntax ===
Line 15:		Line 18:
	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.		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.

	== ~~vim~~ ==		=== Lint ===

	See the [http://blog.whatwg.org/vim-checker HTML5 conformance checking in Vim blog entry] for an introduction.		See the [http://blog.whatwg.org/vim-checker HTML5 conformance checking in Vim blog entry] for an introduction.
Line 25:		Line 28:
	* CSS validation is [http://lists.w3.org/Archives/Public/www-validator-css/2008Jul/thread.html being worked on]		* CSS validation is [http://lists.w3.org/Archives/Public/www-validator-css/2008Jul/thread.html being worked on]

	=== ~~Quick setup~~ ===		=== Installation instructions ===

	~~nox:~/.vim/ftplugin% svn co http://svn.natalian.org/projects/html5/ .~~
	~~nox:~/.vim/ftplugin% sudo ln -s `pwd`/validate-html.sh /usr/bin/validate-html.sh~~
	~~nox:~/.vim/ftplugin% sudo ln -s `pwd`/validate-js.sh /usr/bin/validate-js.sh~~

	~~=== Improving the scripts ===~~		http://svn.natalian.org/projects/html5/INSTALL

	Any suggestions? Please get in contact with [http://hendry.iki.fi/ ~~hendry~~]		Any suggestions? Please get in contact with [http://hendry.iki.fi/ Kai Hendry]

	Caveats:		Caveats: