Tryit Editor but offline

Does anyone know of something similar to the tryit editor of w3 that I can run offline?

Coding in Notepad++ and opening with Waterfox is too much work.

Attached: 27.png (623x538, 13K)

Other urls found in this thread:

figwheel.org/docs/hot_reloading.html
youtube.com/watch?v=KZjFVdU8VLI
codesandbox.io/
codepen.io/
github.com/umpox/TinyEditor
brackets.io/
pastebin.com/gzfMA6Wp
twitter.com/SFWRedditImages

save the webpage?

just open in browser, refresh after update?

>too much work
Are you retarded? Just keep your browser open and hit refresh.

Flask

Then I have to switch windows. I like the instant gratification of the tryit editor.

>Flask
Thanks but I'm on Windows and I don't want to dick around with pip.

Clojurescript with Figwheel has hot reloading on steroids.
figwheel.org/docs/hot_reloading.html
Watch this video:
youtube.com/watch?v=KZjFVdU8VLI

codesandbox.io/ - full features
codepen.io/ - lightweight

Yes, there is:
github.com/umpox/TinyEditor

>Yes, there is:

That one seperates JS, CSS and HTML just like JSFiddle. Which is okay, but for my use case I want everything in one window so exporting it to a fully functional HTML file doesen't require extra copy and pate.

Those don't work offline

This looks neat, but it also looks like a hassle to set up. I just want a simple thing like the tryit editor.

then modify it, it is really simple

Well that was easy, thanks!

Attached: 1542653451928.jpg (250x250, 8K)

Brackets
brackets.io/

What you could do (if you dont want to set up Flask/anything else), but is a bit hacky is to put a auto update into the html/javascript code and make it every 1 second or something like that.

Setup a simple http server pointing to your static file directory, write html, and press F5 on the browser page.

There's plugins that allow you to refresh automatically, but those may be antiqauted

A button to preview is more than enough.

are you retarded?

>all this overengineered shit
save this as html
pastebin.com/gzfMA6Wp

brackets or any IDE with an html viewer

Left side editor, right side browser, have a plugin for auto refreshing.

This was my result:



textarea,iframe{width:49%;height:99%}
body{margin:0}
textarea{width:50%;font-size:18;height:99%}




I don't understand what the oninput= does, but it works perfectly. Brackets, probably an Electron app, is 72MB before installation.

Based

Thanks for teaching me this. Fucking neat.

Attached: Capture.png (86x44, 1023)

How can I get it side by side like the w3 editor? If I change the width/height with some CSS the page is still rendered on the same place.

Brackets live preview and alt-tab or side by side