benweet / stackedit.js

Add StackEdit to any website

stackedit.js

Add StackEdit to any website

Build setup

# install dependencies
npm install

# watch and build for dev
npm run dev

# build for production
npm run build

Quick start

Bind StackEdit to a textarea:

// Import the lib.
import Stackedit from 'stackedit-js';

// Get the textarea.
const el = document.querySelector('textarea');

// Create the Stackedit object.
const stackedit = new Stackedit();

// Open the iframe
stackedit.openFile({
  name: 'Filename', // with a filename
  content: {
    text: el.value // and the Markdown content.
  }
});

// Listen to StackEdit events and apply the changes to the textarea.
stackedit.on('fileChange', (file) => {
  el.value = file.content.text;
});

Documentation

Full documentation can be found at https://benweet.github.io/stackedit.js/.