MSFE developer documentation
Build your Markdown editing experience with clear boundaries between source, interaction, and UI.
MSFE is a Markdown source-first editor built on CodeMirror. Edit text directly or display headings, lists, images, and custom components over the same document. All modes share content, selections, and undo history.
Try it
Edit the document, switch between Source and Live, and read the Markdown. Locked mode keeps reading, selection, and copying available while disabling document editing.
Start with your task
| What you want to do | Start here |
|---|---|
| Add an editor to your application | Quick start |
| Use Vue, React, or native DOM | Vue integration, React integration, Mounting and cleanup |
| Save Markdown and accept external changes | Reading and saving |
| Understand source and presentation | Source first |
| Build syntax and interactive nodes | Custom nodes |
| Use your own component library and theme | UI and themes |
Compose your editor
msfe-core manages instances and transactions. Feature extensions supply syntax and operations, while Vue and React adapters connect your application components. StarterKit combines the basic Markdown features; install optional features such as math and diagrams separately.
The public API is experimental. Read the support boundaries before integrating, and maintain your application code alongside the package versions it uses.
Reading paths for complex development
| Deliverable | Start here | Continue with |
|---|---|---|
| Feature package or business preset | Extension model | Features |
| Editable business node | Custom nodes | Commands, resources |
| Nested styled and folded blocks | Containers | Themes |
| Code languages and chart rendering | Code blocks | Diagrams, projections |
| Third-party syntax | Markdown plugins | Input and paste rules |
| Production host integration | Saving | Captured intent, images |
| Custom interaction UI | Toolbars | Search, state |
Source tabs include complete local dependencies, and TypeScript recipes are copyable modules. See Support for built-in versus example behavior and host-service requirements.