Skip to content
A JavaScript library for web-based content editing.
JavaScript CSS

Substance Build Status

Substance is a JavaScript library for web-based content editing. It provides building blocks for realizing custom text editors and web-based publishing systems.

Check the project website, the examples and the API documentation.


Features State
Custom document schemas
Custom converters (XML, HTML, etc.)
Custom HTML Rendering
Annotations that can span over multiple nodes
Annotations can hold information (e.g. a comment)
Incremental document updates (undoable operations)
Transformations for document manipulation
Custom editing toolbars
Commands for controlling the editor
Key bindings Beta 4
I18N support
Realtime collaboration Beta 4
Full Unicode support Beta 4
Plugins Beta 4
Persistence API for documents Beta 5
UI Components
TextPropertyEditor for editing annotated text
ContainerEditor for in-flow-editing
Scrollable ContentPanel with Support for highlights
Customizable Toolbar
ScrollPane with interactive visual Scrollbar
Interactive TOCPanel
Predefined content types
Embed (image, video, tweet etc.)
List Beta 4
Table Beta 4
Figure (including upload) Beta 5
Predefined annotation types
Comment Beta 4
Platform support
Mozilla Firefox (>=42)
Apple Safari (>=9)
Google Chrome (>=47)
Microsoft Edge
Mobile Safari (iOS) Beta 5
Mobile Chrome (Android) Beta 5


Install the dev dependencies.

npm install

Run the dev server.

npm start

Navigate to http://localhost:4201/docs for the docs and http://localhost:4201/test for the test suite.

To run the test-suite headless

$ npm test

To create a test coverate report:

$ npm run coverage

The report is stored in the coverage folder.

To bundle the docs into a distribution:

$ npm run doc


Beta 4

ETA: February 2016

  • Automatically generated performance report
  • Table node
  • Editing of lists
  • Key bindings
  • Plugins
  • Realtime collaboration
  • Improved Unicode support
  • Improved stability, documentation and tests

Beta 5

  • Mobile support
  • Modules for server-side integration
    • Persistence API for documents
    • Figure upload
  • Server-side realtime collaboration infrastructure
  • Full-stack platform example

1.0 Final

  • Complete documentation
  • Full test coverage
  • Final versions of API's
Something went wrong with that request. Please try again.