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.
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.
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
Watch this video:
youtube.com
codesandbox.io
codepen.io
Yes, there is:
github.com
>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!
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
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.
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