last-draft
last-draft is a Draft.js editor using draft-js-plugins
Important Note:
Versions
3.2.0
in progress version using draft-js-plugins and last-draft-js-plugins
yarn add last-draft
2.3.3
stable version using MegaDraft plugin approach and ld-plugins
yarn add last-draft@233
v3 Use
import React Component from 'react'import render from 'react-dom'import Editor editorStateFromHtml editorStateToHtml editorStateFromRaw editorStateFromText from 'last-draft'import fromJS from 'immutable'; { const INITIAL_STATE = thisstate = editorState: INITIAL_STATE } { this /* You would normally save this to your database here instead of logging it */ console } { return <Editor = ='Text' = /> }
v2 Use
import React Component from 'react'import render from 'react-dom'import Editor editorStateFromHtml editorStateToHtml editorStateFromRaw editorStateToJSON from 'last-draft' import video from 'ld-video'import color from 'ld-color-picker'import emoji from 'ld-emoji'import gif from 'ld-gif'import mention from 'ld-mention'import audio from 'ld-audio'import sticker from 'ld-sticker'import html from 'ld-html'import todo from 'ld-todo'let plugins = video color emoji gif mention /* init the state, either from raw or html */import raw from './initialState/raw' { const INITIAL_STATE = thisstate = value: INITIAL_STATE } { this console console } { return <Editor = = ='Enter text...' = /> }