Playground | Syncline Editor

Features Themes Docs Playground

Syncline Editor Playground

Live

@synclineapi/editor

Zero-dependency code editor — configure every option, try all features interactively.

Theme

Language & Layout

Language

Font Size

Line Height

Font Family

Any monospace font available in the browser

Tab Size

Wrap Column

Gutter Width

Minimap Width

Appearance

Cursor Style

Cursor Blink Rate (ms)

Set to 9999 to disable blinking

Render Whitespace

Placeholder

Minimap

Gutter

Status Bar

Indent Guides

Word Wrap

Insert Spaces

Features

Brackets

Code Folding

Emmet

Autocomplete

Multi-Cursor

Find (Ctrl+F)

Find & Replace

Word Selection

Word Highlight

Active Line

Read Only

Hover Docs

Go to Line

Read-Only Ranges

1-based inclusive line ranges. The TypeScript sample has three locked regions by default.

Ranges (JSON)

✓ valid

Token Colors

Override individual syntax token colours. Leave blank to use the theme default.

Keyword

String

Comment

Function

Number

Class

Operator

Type

Decorator

Enable overrides

Behavior

Auto-Close Pairs (JSON)

Set to { } to disable all auto-closing

Line Comment Token

Word Separators

Undo Batch Window (ms)

Consecutive keystrokes within this window are grouped into one undo step

Autocomplete Config

provideHover (JS function body)

Return a HoverDoc or null

provideCompletions (JS function body)

Max Completions

Min Prefix Length

Extra Keywords (comma-separated)

Extra Types (comma-separated)

Completions

JSON array

Replace built-in completions

Actions

Event Log

No events yet…

TS

main.ts

JS

app.js

PY

script.py

JV

Main.java

C

main.c

C++

main.cpp

C#

Program.cs

GO

main.go

RS

main.rs

RB

app.rb

PHP

index.php

SW

main.swift

SQL

query.sql