Quickstart

The fastest way to try out Substance is including it as a script into your website.

    <script type="text/javascript" src="http://cdn.substance.io/substance-1.0.0-beta.5.1.js"/></script>
    <link rel="stylesheet" type="text/css" href="http://cdn.substance.io/substance-1.0.0-beta.5.1.css"/>

Now you can start using Substance API's. The code below works in all modern browsers that support ES2015.

    const { ProseEditor, ProseEditorPackage, SuperscriptPackage, Configurator } = substance

    const fixture = function(tx) {
      let body = tx.get('body')
      tx.create({
        id: 'p1',
        type: 'paragraph',
        content: 'Hello world.'
      })
      body.show('p1')
    }

    const cfg = new Configurator()
    cfg.import(ProseEditorPackage)
    cfg.import(SuperscriptPackage)

    window.onload = function() {
      let doc = configurator.createArticle(fixture)
      let documentSession = new DocumentSession(doc)
      ProseEditor.mount({
        documentSession: documentSession,
        configurator: configurator
      }, document.body)
    }

## Install as package

Of course Substance can be used via npm and integrated into development toolchains, such as Rollup, Browserify, Webpack. To learn more please read the integrating-substance guide.