Interactive editor

code-input.js JS Library Demos

Download Back To CSSScript.Com

Edit live syntax, try the keyboard tools, and see how the editor responds to your input.

Editor playground

Switch languages, write code, select tokens, and try the editing tools.

playground.jsEditable
Tab / Shift+Tab · auto-close brackets · Ctrl/Cmd+F · Ctrl+H · Ctrl/Cmd+GReady

Language detection

Change the code and watch the detected language update.

highlight.jsDetecting

Try pasting JavaScript, HTML, CSS, SQL, or Python.

Autocomplete

Type a color name and choose a suggestion at the caret.

suggestions.jsLive

Suggestions appear when a matching word is typed.

Custom highlighting

Edit the note to see custom marks, tags, and numbers.

notes.txtCustom
TODO / NOTE#tagsNumbers

Special characters

Reveal hidden control characters inside the editor.

characters.txtVisible

The highlighted symbol is an invisible character in the editable text.

Auto-grow and form input

Add lines, wrap long text, then submit or reset the editor value.

message.txtAuto-grow
The editor participates in a native HTML form.
Submitted value will appear here.