Pulse Editor
A React markdown editor, extensible and fully customizable
Installation
To install this editor just run:
yarn add pulse-editor
Or with npm:
npm i -S pulse-editor
Usage example
{ console console console console console console console } { console console console console console console } { event console console console console console console } { console console; console; console; console; console thiseditor = editor; } { return <form onSubmit=thishandleSubmit> <Editor name="main-editor" defaultValue="**Initial _editor_ value**" onChange=thishandleChange onDrop=thishandleDrop editorRef=thissetRef > <ButtonBar> <ButtonGroup> <Bold><strong>B</strong></Bold> <Italic><em>I</em></Italic> <Underline>U</Underline> </ButtonGroup> <ButtonGroup> <Code>Insert code</Code> <Link>Link</Link> <Image>Image</Image> </ButtonGroup> <ButtonGroup> <OrderedList>OL</OrderedList> <UnorderedList>UL</UnorderedList> <Quote>Q</Quote> <Heading>H</Heading> <Youtube>Y</Youtube> </ButtonGroup> </ButtonBar> /* you can use any DOM element or event custom components */ <div> <Preview /> /* you can force an initial height for the field if it's server rendered */ <Field style= height: '39px' /> </div> <EmojiBar /> </Editor> <button type="submit">Send form</button> </form> }
Authors
- Sergio Daniel Xalambrí (@sergiodxa) - Platzi