Welcome to xyzEditor
A fast, online Markdown editor with real-time live preview. Enjoy native LaTeX & AsciiMath, secure Markdown to PDF conversion, and the absolute privacy of a local-first workspace.
Getting Started
Sections
Unlike traditional editors, xyzEditor uses a section-based approach. This allows you to break large documents into manageable pieces. (Note: If you prefer a simple, single-document workflow, you can hide the section bar entirely using the toggle in the top right.)
- Create: Click the button in the secondary toolbar to add a new section.
- Navigate: Click any tab in the section bar to switch context.
- Reorder: Use the and buttons to move the current section left or right.
- Delete: Remove unwanted sections with the button.
File Management (Local-First)
Because xyzEditor is a local-first application, your data never leaves your browser. Manage your documents securely:
- Filename:Set your document's name in the top bar. This title is automatically used for downloads and saving.
- New: Start a fresh document with . Be sure to save your current work first!
- Save: Click (
Ctrl + S) to save your work automatically to your browser's local storage database. No servers involved. - Upload: Open an existing Markdown file from your computer using (
Ctrl + O). You can also drag & drop a file directly into the window. - Download: Export your current document as a standard
.mdfile using (Ctrl + Shift + S).
Markdown Features
Full support for GitHub Flavored Markdown (GFM) and structured writing.
Essentials
| Style | Syntax |
|---|---|
| Bold | **bold** |
| Italic | *italic* |
~~strike~~ | |
Code | `code` |
| Link | [link](#) |
Structure
- Headers:
#H1,##H2, etc. - Lists:
-bullets,1.numbered. - Quotes:
>for blockquotes.
Extensions
Task Lists
- Done
- Pending
Code Highlighting
function greet() { console.log('Hello World!'); }
Alerts
Use > [!NOTE], TIP, IMPORTANT, WARNING, or CAUTION.
TIP
Alerts render with distinct colors and icons.
Maths & Science
Professional mathematical notation using LaTeX and AsciiMath.
LaTeX Equations
The standard for professional typesetting of complex formulas.
AsciiMath
An intuitive, readable syntax ideal for rapid documentation.
Diagrams
Create flowcharts, sequence diagrams, and more using Mermaid.
Markdown to PDF Conversion
xyzEditor leverages your browser's native print engine to provide instant, secure Markdown to PDF conversion without sending your confidential data to a cloud server. Click (Ctrl + P) and select "Save as PDF".
Page Breaks
Use --- or *** to force new pages (you must optionally enable this in Settings).
Custom Margins
Define precise margins in millimeters under Settings > Printing.
Headers & Footers (Chromium Only)
Add page numbers and file names with customizable positioning.
Customization
Tailor xyzEditor to your workflow via the Settings menu .
Appearance
- Themes: Choose Default (Lime), Black & White (High-contrast/Print), or GitHub (Dark).
Editor
- Display: Toggle Line Numbers and Word Wrap.
- Full Page Preview: Click the icon in the top right or press
Ctrl + Mto hide the editor and expand the preview. - Maths Mode: Enable "Render code as AsciiMath" to treat all backtick content as maths expressions.
Printing
Adjust margins (mm) and configure the placement of page numbers and file names for professional document exports.
Articles & Tools
Discover more about technical writing, SEO, and developer tools built specifically for xyzEditor users.
The Articles Hub
Deep-dive tutorials, mathematical formatting comparisons, and thoughts on the future of local-first software.
Developer Tools
A suite of free, lightning-fast utilities. 100% local-first. Your data never leaves your browser.