Live-editor-react NPM

live-editor-react

live editor react component

Install

npm install --save live-editor-react

Usage

import React, { Component } from 'react'

import { LiveEditor, EditorOptions } from 'live-editor-react'

const appId = '';

class Example extends Component {
  render() {
    const docId = 'doc1';

    const options: EditorOptions = {
      local: true,
      titleInEditor: true,
      serverUrl: '',
    };

    return <LiveEditor
      userId={'test-suer'}
      displayName={'Test User'}
      avatarUrl={'https://www.live-editor.com/wp-content/new-uploads/a0919cb4-d3c2-4027-b64d-35a4c2dc8e23.png'}
      appId={appId}
      docId={docId}
      options={options}
      permission={'w'}
      accessToken=""
      containerStyle={{
        border: '1px solid #f0f0f0',
        maxWidth: 800,
        minHeight: 800,
        margin: '40px auto 40px auto'
      }}
    />
  }
}