CSSScript.com demo

Yace Code Editor Examples

Build embedded code, Markdown, prompt, or token editors with Yace and load only the highlighters and editing behavior each field needs.

01 / Editing

Plugin workbench

Use the toolbar, keyboard shortcuts, selection, brackets, indentation, undo, and redo.

playground.js
Lines 0
Words 0
Characters 0
Selection 0
Editor ready
Tab Indent Shift + Tab Outdent Ctrl/Cmd + / Comment Ctrl/Cmd + X Cut line Alt + Shift + U Uppercase selection
02 / Rendering

Highlighter studio

Each mode replaces the active value and rendering pipeline on the same live editor.

pipeline.js

Built-in JavaScript tokens plus a custom tag rule.

code(customRule)