[deleted]
HTML Instant - Real-time HTML Editor
11–20 of 23 posts
Re: HTML Instant - Real-time HTML Editor
#12[deleted]
Re: HTML Instant - Real-time HTML Editor
#13Nice! Very similar to my live HTML/PHP editor for Mac OS X called HyperEdit:
http://www.tumultco.com/HyperEdit/
A couple of ideas:
* Utilize contenteditable to go the opposite direction
* Bookmarklet to open any page you are viewing in htmlinstant.com
* Save the document to local storage (cookie or html5 client-side db) in case the page is closed
* Snippets for commonly used functions (like table or list tags)
And of course the further you take the editor, the more capable this will be. Bespin (https://bespin.mozillalabs.com/) in the best in-browser editor I've seen.
Re: HTML Instant - Real-time HTML Editor
#14Why is this noteworthy? $('textarea#markup').keyup(function(){ $('div#preview').html( $(this).val() ); });
While it is true that this is dead simple to implement (and probably exists elsewhere. I know there are plenty of side-by-side editors that require you to push a button. I bet one realized they could eliminate that.), it's still very useful for people learning HTML, wanting to try some obscure thing with HTML super-fast, etc. Easy to implement != useless or boring. Look at Twitter.
No doubt; I'm just surprised that something this common made the front page, even if putting "instant" in front of things is all the rage.
Re: HTML Instant - Real-time HTML Editor
#15Why is this noteworthy? $('textarea#markup').keyup(function(){ $('div#preview').html( $(this).val() ); });
1. Noteworthy lies at the intersection of "useful" and "unique." "Complicated" and "difficult" doesn't come into play.
2. Because it's something immediately useful to which I can direct anyone learning HTML so that they get instant feedback.
Re: HTML Instant - Real-time HTML Editor
#16I'd like to point out Firebug has this feature and much more.
Re: HTML Instant - Real-time HTML Editor
#17Why is this noteworthy? $('textarea#markup').keyup(function(){ $('div#preview').html( $(this).val() ); });
It's noteworthy because it says "instant".
Re: HTML Instant - Real-time HTML Editor
#18I'd like to point out Firebug has this feature and much more.
Exactly, it's like a crippled version of Firebug.
At least in Firebug, when you reload the page your Javascript edits are still there.
Re: HTML Instant - Real-time HTML Editor
#19Would love to see something like this support CSS.
Re: HTML Instant - Real-time HTML Editor
#20Reminds me of http://jsfiddle.net/ - JS lib, JS, HTML, CSS, AJAX and your Result all on one screen.