A rich WYSIWYG block editor for .lixeditor files — right inside VS Code.

What is LixEditor?

LixEditor brings a Notion-like WYSIWYG editing experience to VS Code. Create and edit .lixeditor documents with a rich block editor — no markdown syntax to remember, no preview pane needed. What you see is what you get.

Built on BlockNote — the same editor engine that powers LixBlogs.

Features

	Feature	Description
:writing_hand:	Rich Block Editor	Paragraphs, headings (H1-H3), lists, checklists, blockquotes, tables
:art:	Syntax Highlighting	Code blocks with Shiki — 25+ languages with color themes
:link:	Smart Links	Type `[text](https://github.com/elixpo/lixblogs/blob/HEAD/url)` to auto-create links, paste URLs to auto-link
:framed_picture:	Image Blocks	Upload from disk, embed by URL, paste, or drag & drop
:calendar:	Date Stamps	Press `Ctrl+D` to insert today's date as an inline chip
:zap:	Slash Commands	Type `/` to insert any block type
:floppy_disk:	Auto-Save	Changes sync back to the file automatically (800ms debounce)
:open_file_folder:	Import / Export	Import `.lixeditor` files, export as raw Markdown
:art:	Theme Aware	Automatically adapts to your VS Code light or dark theme
:globe_with_meridians:	Link Preview	Hover any link to see a preview tooltip with domain + favicon
:keyboard:	Markdown Shortcuts	Bold, italic, strikethrough, code — all the shortcuts you know

Getting Started

Install the extension from the VS Code Marketplace
Create a file with the .lixeditor extension (e.g. notes.lixeditor)
Open it — the rich editor loads automatically
Write using / slash commands, markdown shortcuts, or just type

Keyboard Shortcuts

Shortcut	Action
`/`	Open slash command menu
`Ctrl+B`	Bold
`Ctrl+I`	Italic
`Ctrl+U`	Underline
`Ctrl+Shift+S`	Strikethrough
`Ctrl+E`	Inline code
`Ctrl+K`	Create link
`Ctrl+D`	Insert date chip
`Tab`	Indent / Nest block
`Shift+Tab`	Unindent
`---`	Horizontal rule
```	Code block
`[text](https://github.com/elixpo/lixblogs/blob/HEAD/url)`	Auto-convert to link
`![alt](https://github.com/elixpo/lixblogs/raw/HEAD/url)`	Auto-embed image

File Format

.lixeditor files store content as JSON in BlockNote document format. The editor reads and writes this format transparently — you never need to edit the JSON directly.

You can also export your document as Markdown using the download button in the header bar.

Header Bar

The editor includes a minimal header with:

Icon	Action
📄	Document title (click to rename)
📂	Open / import a file
⬇️	Export as Markdown (.md)
💾	Save to disk
?	Keyboard shortcuts reference

Use the Editor in Your Own App

The same editor is available as an npm package for React and Next.js:

npm install @elixpo/lixeditor @blocknote/core @blocknote/react @blocknote/mantine

import { LixEditor, LixPreview } from '@elixpo/lixeditor';
import '@elixpo/lixeditor/styles';

<LixEditor
  initialContent={blocks}
  onChange={(editor) => save(editor.getBlocks())}
/>

:point_right: npm package docs

About

Built by Elixpo — the team behind LixBlogs, an open-source blogging platform with AI writing tools, real-time collaboration, and organizations.

	Link
:globe_with_meridians:	blogs.elixpo.com
:package:	@elixpo/lixeditor on npm
:octocat:	Source on GitHub
:bug:	Report an issue

License

MIT — see LICENSE for details.

LixEditor — Rich WYSIWYG Editor