Package Exports

react-email-editor

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-email-editor) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React Email Editor by Unroll

The excellent Unroll email editor as a React.js component. This is the most powerful and developer friendly email builder for your app.

Video Overview

Watch video overview: https://youtu.be/IoY7-NZ8TcA

Installation

The easiest way to use React Email Editor is to install it from NPM and include it in your own React build process.

npm install react-email-editor --save

Usage

Require the EmailEditor component and render it with JSX:

import React, { Component } from 'react'
import { render } from 'react-dom'

import EmailEditor from 'react-email-editor'

class App extends Component {
  render() {
    return <div>
      <h1>react-email-editor Demo</h1>

      <div>
        <button onClick={this.exportHtml}>Export HTML</button>
      </div>

      <EmailEditor
        ref={designer => this.designer = designer}
      />
    </div>
  }

  exportHtml = () => {
    this.designer.exportHtml(html => {
      console.log('exportHtml', html)
    })
  }
}

render(<App />, document.getElementById('app'))

Properties

style Object style object for the editor container (default {})
minHeight String minimum height to initialize the editor with (default 500px)
options Object options passed to the Unroll editor instance (default {})

See the Unroll Docs for all available options.

See the example source for a reference implementation.