{"_id":"ws-react-draft-wysiwyg","_rev":"28-e66fc2c3eb56d84a7561d79c0b4ad737","name":"ws-react-draft-wysiwyg","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"ws-react-draft-wysiwyg","version":"1.0.0","author":{"name":"romger"},"license":"MIT","_id":"ws-react-draft-wysiwyg@1.0.0","maintainers":[{"name":"romger","email":"r.gerasimovich@white-soft.ru"}],"dist":{"shasum":"34982dd2e10a82cdbd4e0694c50347199def44fb","tarball":"https://registry.npmjs.org/ws-react-draft-wysiwyg/-/ws-react-draft-wysiwyg-1.0.0.tgz","fileCount":114,"integrity":"sha512-VxwB1TOddr8wovxsH4YvcWRjCIievCv6Dpr7Nh5FXIal8INJBEFVvTVXT7bFBFqrn9ZNVKCmUyYDdeKeNRMXDA==","signatures":[{"sig":"MEYCIQDxoeXIsldXHXxKaI/tUlw3gbegPSit5b5x3BrqtJ6LKwIhAKx6vWFXXpIPOcbPzeocdLxbNgNXKJZoVoN4EjyKc0uM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":558986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3BoiCRA9TVsSAnZWagAATGcP/0LnFBb0m0+peE3+o0bx\nac9oWD+riL46I0rBzLzVK5wchdSWasiEVJaPUf7C+aaZlub4K/jhZW83cb7U\nVp3sN6ZR312AHi+77oNzE/L6CinlCxv1GwV/sTOXNhhfFGANQwGzPfLeBNz8\njTSgFhNuZnnb9bvPg6ikOehVA7W0fDnLLc7ClG4Wh1gWLohZE5Glhq2O0aLO\nH+wR8+WybvNUpGhK8sN9BUWPm++HEca2YMccyk4Q9JhfawB1CWbGUsAvdk2h\n9JtDRxFtNOB8mgsrtCywitL/uipJFiAWxvJst0lLENbuNJgzmdsgkVra+GXH\nYE7wQUn+2liw5978p8rVxfuINIhQzlX9zVijUVStYxPBy6NXniu2beTLYT57\nCXlRdQb0Dhz7wLREAEnY+cJk+THZxmj69SLlimWWwV4Za3GClzX/JjDa8L+i\n1KEoz33fojbdLgAehKUU3gqEOdh3/y92Lg6wDgM012BVXWanyCuPdm2amJ1Q\nJXZUJ+tiGirR5Ir9M87eTPcgabcmuvUaT34TemeIKdNOtkktXYgkhpISnHi8\nJtc4LvZJrPSKeNtRehZZrhzJUADVnJ+AKCfBFLtlAYltrLkeMT9RuxKx70ES\nTMYE58kTgzD8z1ZGVWTtq+n6W6IfFFsGQdf6+SOwDoAOObaeGwdx6+/1RoSM\nVK1k\r\n=KmOQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/react-draft-wysiwyg.js","gitHead":"54ee012d97c3d5353dbd728a5e6087d640607c89","scripts":{"flow":"flow; test $? -eq 0 -o $? -eq 2","lint":"eslint src","test":"cross-env BABEL_ENV=test mocha --compilers js:config/test-compiler.js config/test-setup.js src/**/*Test.js","build":"npm run clean && npm run build:webpack","check":"npm run lint && npm run flow","clean":"rimraf dist","lintdocs":"eslint docs/src","storybook":"start-storybook -p 6006","build:webpack":"cross-env NODE_ENV=production webpack --config config/webpack.config.js","build-storybook":"build-storybook"},"_npmUser":{"name":"romger","email":"r.gerasimovich@white-soft.ru"},"repository":{"url":"https://bitbucket.org/ws_team/ws-react-draft-wysiwyg/src/develop/","type":"git"},"_npmVersion":"6.1.0","description":"A wysiwyg on top of DraftJS.","directories":{},"_nodeVersion":"9.0.0","dependencies":{"classnames":"^2.2.5","linkify-it":"^2.0.3","prop-types":"^15.6.0","draftjs-utils":"^0.9.3","html-to-draftjs":"^1.4.0"},"_hasShrinkwrap":false,"devDependencies":{"chai":"^4.1.2","jsdom":"^11.5.1","mocha":"^5.0.1","react":"^16.2.0","sinon":"^4.1.2","enzyme":"^3.2.0","eslint":"^4.12.1","precss":"^3.1.0","rimraf":"^2.6.2","webpack":"^3.10.0","draft-js":"^0.10.4","flow-bin":"^0.66.0","cross-env":"^5.1.1","immutable":"^4.0.0-rc.1","react-dom":"^16.2.0","babel-core":"^6.26.0","css-loader":"^0.28.7","url-loader":"^0.6.2","file-loader":"^1.1.5","autoprefixer":"^8.0.0","babel-eslint":"^8.0.3","babel-loader":"^7.1.2","style-loader":"^0.20.2","postcss-loader":"^2.0.9","draftjs-to-html":"^0.8.3","@storybook/react":"^3.2.17","babel-preset-react":"^6.24.1","babel-preset-es2015":"^6.24.1","draftjs-to-markdown":"^0.5.1","eslint-plugin-mocha":"^4.11.0","eslint-plugin-react":"^7.5.1","react-test-renderer":"^16.2.0","babel-preset-stage-0":"^6.24.1","eslint-config-airbnb":"^16.1.0","eslint-plugin-import":"^2.8.0","eslint-plugin-jsx-a11y":"^6.0.2","enzyme-adapter-react-16":"^1.1.0","react-addons-test-utils":"^15.6.2","webpack-bundle-analyzer":"^2.11.1","extract-text-webpack-plugin":"^3.0.2","babel-plugin-react-transform":"^3.0.0","babel-plugin-transform-flow-strip-types":"^6.22.0"},"peerDependencies":{"react":"0.13.x || 0.14.x || ^15.0.0-0 || 15.x.x || ^16.0.0-0 || 16.x.x","draft-js":"^0.10.x","immutable":"3.x.x || 4.x.x","react-dom":"0.13.x || 0.14.x || ^15.0.0-0 || 15.x.x || ^16.0.0-0 || 16.x.x"},"_npmOperationalInternal":{"tmp":"tmp/ws-react-draft-wysiwyg_1.0.0_1530759230452_0.2051312536904215","host":"s3://npm-registry-packages"}}},"time":{"created":"2018-07-05T02:53:50.451Z","modified":"2026-06-19T16:46:58.346Z","1.0.0":"2018-07-05T02:53:50.545Z"},"author":{"name":"romger"},"license":"MIT","repository":{"url":"https://bitbucket.org/ws_team/ws-react-draft-wysiwyg/src/develop/","type":"git"},"description":"A wysiwyg on top of DraftJS.","maintainers":[{"email":"kolosov.stas01@mail.ru","name":"s.kolosov"},{"email":"lutientinuviel99@gmail.com","name":"imageryna"},{"email":"kukarcev94@gmail.com","name":"skukartsev"},{"email":"v.radchenko@white-soft.ru","name":"ra.vi.an"},{"email":"y.glushkova@white-soft.ru","name":"y.glushkova"},{"email":"simakin.alexander@mail.ru","name":"blablaprincess"},{"email":"fedor.ishchenko.18@gmail.com","name":"f.ishchenko"},{"email":"dmitrij.snake2000@yandex.ru","name":"fire-insurance"},{"email":"s.antonyuk@thewhite.ru","name":"gransly"},{"email":"a.manakina@white-soft.ru","name":"a.manakina"},{"email":"d.shmelev@thewhite.ru","name":"d.shmelev"},{"email":"y.kuznecova@thewhite.ru","name":"yaaku"},{"email":"v.pridvorov@thewhite.ru","name":"v.pridvorov"},{"email":"e.fahrutdinova@thewhite.ru","name":"e.fahr"},{"email":"nikusia0804@gmail.com","name":"mink16"},{"email":"r.gerasimovich@white-soft.ru","name":"white-soft"}],"readme":"# React Draft Wysiwyg\n\nA Wysiwyg editor built using ReactJS and DraftJS libraries.\n[Demo Page](https://jpuri.github.io/react-draft-wysiwyg).\n\n[![Build Status](https://travis-ci.org/jpuri/react-draft-wysiwyg.svg?branch=master)](https://travis-ci.org/jpuri/react-draft-wysiwyg)\n\n![](http://i.imgur.com/tU7kJ6i.gif)\n\n## Features\n- Configurable toolbar with option to add/remove controls.\n- Option to change the order of the controls in the toolbar.\n- Option to add custom controls to the toolbar.\n- Option to change styles and icons in the toolbar.\n- Option to show toolbar only when editor is focused.\n- Support for inline styles: Bold, Italic, Underline, StrikeThrough, Code, Subscript, Superscript.\n- Support for block types: Paragraph, H1 - H6, Blockquote, Code.\n- Support for setting font-size and font-family.\n- Support for ordered / unordered lists and indenting.\n- Support for text-alignment.\n- Support for coloring text or background.\n- Support for adding / editing links\n- Choice of more than 150 emojis.\n- Support for mentions.\n- Support for hashtags.\n- Support for adding / uploading images.\n- Support for aligning images, setting height, width.\n- Support for Embedded links, flexibility to set height and width.\n- Option provided to remove added styling.\n- Option of undo and redo.\n- Configurable behavior for RTL and Spellcheck.\n- Support for placeholder.\n- Support for WAI-ARIA Support attributes\n- Using editor as controlled or un-controlled React component.\n- Support to convert Editor Content to HTML, JSON, Markdown.\n- Support to convert the HTML generated by the editor back to editor content.\n- Support for internationalization.\n\n## Installing\nThe package can be installed from npm `react-draft-wysiwyg`\n\n## Getting started\nEditor can be used as simple React Component:\n```js\nimport { Editor } from 'react-draft-wysiwyg';\nimport 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';\n<Editor\n  editorState={editorState}\n  toolbarClassName=\"toolbarClassName\"\n  wrapperClassName=\"wrapperClassName\"\n  editorClassName=\"editorClassName\"\n  onEditorStateChange={this.onEditorStateChange}\n/>\n```\n\n## Docs\nFor more documentation check [here](https://jpuri.github.io/react-draft-wysiwyg/#/docs?_k=jjqinp).\n\n## Questions Discussions\nFor discussions join public channel #rd-wysiwyg in [DraftJS Slack Organization](https://draftjs.herokuapp.com/).\n\n## Thanks\nOriginal 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.\n\n## License\nMIT.\n","readmeFilename":"README.md"}