react-substance/lib/SubstanceEditor.js

A React implementation of the Substance editor library.

'use strict';

var _inherits = require('babel-runtime/helpers/inherits')['default'];

var _classCallCheck = require('babel-runtime/helpers/class-call-check')['default'];

var _interopRequireDefault = require('babel-runtime/helpers/interop-require-default')['default'];

exports.__esModule = true;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _substanceUiEditor = require('substance/ui/editor');

var _substanceUiEditor2 = _interopRequireDefault(_substanceUiEditor);

var _substanceUiComponent = require('substance/ui/component');

var _substanceUiComponent2 = _interopRequireDefault(_substanceUiComponent);

var $$ = _substanceUiComponent2['default'].$$;

var SubstanceEditor = (function (_React$Component) {
  _inherits(SubstanceEditor, _React$Component);

  function SubstanceEditor(props) {
    _classCallCheck(this, SubstanceEditor);

    _React$Component.call(this, props);

    this.state = {
      contentEditor: undefined
    };
  }

  SubstanceEditor.prototype.componentDidMount = function componentDidMount() {
    var container = this.refs.substance_editor;
    this.setState({ contentEditor: _substanceUiComponent2['default'].mount($$(_substanceUiEditor2['default'], {
        content: this.props.initialValue || ''
      }), container) });
  };

  SubstanceEditor.prototype.render = function render() {
    return _react2['default'].createElement(
      'div',
      { className: 'substance-editor', ref: 'substance_editor' },
      'Loading editor...'
    );
  };

  return SubstanceEditor;
})(_react2['default'].Component);

exports['default'] = SubstanceEditor;
module.exports = exports['default'];