react-draft-wysiwyg
Advanced tools
Comparing version 0.3.0 to 1.0.0
{ | ||
"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. |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
2843959
2
54