LixEditor for VS Code
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 |
 |
Auto-embed image |
.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.
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.
License
MIT — see LICENSE for details.
