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
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.
Submitted value will appear here.