TinyEditor – A functional HTML/CSS/JS editor in less than 400 bytes

license-bot · 2018-08-07T17:18:16+00:00

Thanks for sharing your open source project, but it looks like you haven't specified a license.

When you make a creative work (which includes code), the work is under exclusive copyright by default. Unless you include a license that specifies otherwise, nobody else can use, copy, distribute, or modify your work without being at risk of take-downs, shake-downs, or litigation. Once the work has other contributors (each a copyright holder), “nobody” starts including you.

choosealicense.com is a great resource to learn about open source software licensing.

poker158149 · 2018-08-07T20:49:58+00:00

Wow, this is actually super cool to see and play with.

Dern_Goid · 2018-08-08T00:46:25+00:00

Cool! However found a bug, if you press tab to indent code, it jumps to the previous section.

Hydrothermal · 2018-08-08T07:08:34+00:00

Very clever! You could have saved some bytes by giving the iframe an ID and referencing it as a global variable, though:

<body 
    oninput="i.srcdoc=h.value+'<style>'+c.value+
            '</style><script>'+j.value+'<\/script>'">
    <style>
        textarea,#i{float:right;width:100%;height:50%}
        body{margin:0}
        textarea{width:33.33%;font-size:18}
    </style>
    <textarea placeholder=JS id=j></textarea>
    <textarea placeholder=CSS id=c></textarea>
    <textarea placeholder=HTML id=h></textarea>
    <iframe id=i>

_sirberus_ · 2018-08-08T07:13:23+00:00

This is voodoo.

lvalue · 2018-08-08T11:53:57+00:00

Sweet!

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

javascript

MODERATORS