Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-draft-wysiwyg

Package Overview
Dependencies
Maintainers
1
Versions
131
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-draft-wysiwyg - npm Package Compare versions

Comparing version 0.3.0 to 1.0.0

2

package.json
{
"name": "react-draft-wysiwyg",
"version": "0.3.0",
"version": "1.0.0",
"description": "A wysiwyg on top of DraftJS.",

@@ -5,0 +5,0 @@ "main": "dist/react-draft-wysiwyg.js",

@@ -6,22 +6,49 @@ # React Draft Wysiwyg

![](http://i.imgur.com/tU7kJ6i.gif)
## Features
- Support for inline styles: Bold, Italic, Underline, StrikeThrough, Code, Superscript, Subscript.
- Support for block styles: Paragraph, H1 - H6, Blockquote.
- Support for font-size, font-family.
- Support for nested indenting.
- Configurable toolbar with option to add/remove controls.
- Option to change styles and icons in the toolbar.
- Option to show toolbar only when editor is focused.
- Support for inline styles: Bold, Italic, Underline, StrikeThrough, Code, Subscript, Superscript.
- Support for block types: Paragraph, H1 - H6, Blockquote.
- Support for setting font-size and font-family.
- Support for ordered / unordered lists and indenting.
- Support for text-alignment.
- Support for coloring text or background.
- Support for text alignment.
- Support for adding / editing links.
- Support for adding / editing links
- Choice of more than 150 emojis.
- Support for mentions.
- Support for adding / uploading images.
- Support for configuring visibility of toolbar.
- Support for removing styles applied.
- Configurable toolbar.
- Support for aligning images.
- Support for Embedded links.
- Option provided to remove added styling.
- Option of undo and redo.
- Support to convert Editor Content to HTML, JSON, Markdown.
## Installing
- The package can be installed from npm `react-draft-wysiwyg`
The package can be installed from npm `react-draft-wysiwyg`
## Getting started
Editor can be used as simple React Component:
```
<Editor
toolbarClassName="home-toolbar"
wrapperClassName="home-wrapper"
editorClassName="home-editor"
onChange={this.onEditorChange}
uploadCallback={uploadImageCallBack}
/>
```
## Docs
For more documentation check [here](https://jpuri.github.io/react-draft-wysiwyg/#/docs?_k=jjqinp).
## Questions Discussions
For discussions join public channel #rd-wysiwyg in [DraftJS Slack Organization](https://draftjs.herokuapp.com/).
## Thanks
Thanks to [iPaoo](http://www.ipaoo.com/) for sponsoring the development.
Original motivation and sponsorship for this work came from [iPaoo](http://www.ipaoo.com/). I am thankful to them for allowing the Editor to be open-sourced.
## License
MIT.
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc