What is the best solution for organize two (or more) editing areas inside custom component? My goal is to create custom component, that works similar as Image Block from medium-draft http://bitwiser.in/medium-draft/
However, in my case should be two areas when user might add and styling text (see picture below). I saw how made description block below image in image.js component from medium-draft - https://github.com/brijeshb42/medium-draft/blob/master/src/components/blocks/image.js
It made with EditorBlock which takes props from parent. I don't have ideas how organize two rich editable areas inside custom component.
Asked
Active
Viewed 177 times
0
Mikhail Shabrikov
- 8,453
- 1
- 28
- 35
1 Answers
1
To use draft, you need make a wrapper which has the background image. Then add the two text block with that wrapper.
Jiang YD
- 3,205
- 1
- 14
- 20
-
Thanks, but, what do you mean "text block"? It's two `EditorBlock` which be imported from 'draft-js'. – Mikhail Shabrikov Feb 08 '17 at 07:41
-
Yes a regular `EditorBlock` is ok for 'text block'. – Jiang YD Feb 08 '17 at 07:46