README
drafto
How to use it?
Install drafto into your project using:
npm i -S drafto && npm install
or (Recommended)
yarn add drafto && yarn
Then you can import Drafto component inside your js:
...
import Drafto from 'drafto';
...
<Drafto
placeholder={'Write the message here'}
onChange={content => console.log(content)}
hyperlinkPlaceholder={'Insert link and press Enter'}
/>
...
Roadmap
- Extract css styles with webpack
- Add font awesome as primary icon font
- Table (Waiting a new plugin from draft-js-plugins)
- Create an example
- Improve develop workflow
- Improve alignment selector. If an alignment style have been already applied in editor and user wants to change it we must remove the last one and then apply the other
- Publish Drafto in NPM
Developing
Clone Drafto and run:
yarn && yarn run build && yarn link
In your project folder you do:
yarn link drafto
After that, just import in your code:
...
import Drafto from 'drafto';
...
<Drafto
placeholder={'Write the message here'}
onChange={content => console.log(content)}
hyperlinkPlaceholder={'Insert link and press Enter'}
/>...
Contributing
PR are welcome :)
Feel free to implement your ideas \o/