umpox/TinyEditor

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

HTML

2,370

6 commits

updated Jul 1, 2023

tiny-editor-umpox.vercel.app

See the code

README

TinyEditor

Usage

Paste the following code into your browser address bar:

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

If you want to read the code, check out index.html

css

html

javascript

Significant stargazers

Ika

3,566 followers · starred Aug 2018

Sam Chen

399 followers · starred Aug 2018

Michael Chavinda

161 followers · starred Aug 2018

Trevor Brown

175 followers · starred Apr 2026

Similar repos

jakiestfu/Medium.js

A tiny JavaScript library for making contenteditable beautiful (Like Medium's editor)

4,380

antonmedv/textarea

A minimalist text editor that lives in URL

2,527

zserge/awfice

The world smallest office suite

3,625

yabwe/medium-editor

Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.

16,096

summernote/summernote

Super Simple WYSIWYG Editor

11,843

codemirror/CodeMirror-v1

An editable-iframe based code editor in JavaScript. See https://github.com/marijnh/CodeMirror for…

361

JefMari/awesome-wysiwyg-editors

A curated list of awesome WYSIWYG Editors.

3,986

react-simple-code-editor/react-simple-code-editor

Simple no-frills code editor with syntax highlighting

1,732