Какое лучшее решение для организации двух (или более) областей редактирования внутри пользовательского компонента? Моя цель — создать собственный компонент, который работает аналогично блоку изображения из среднего черновика http://bitwiser.in/medium-draft/
Однако в моем случае должно быть две области, где пользователь может добавлять и стилизовать текст (см. рисунок ниже). Я видел, как сделал блок описания под изображением в компоненте image.js
из medium-draft - https://github.com/brijeshb42/medium-draft/blob/master/src/components/blocks/image.js Это сделано с помощью EditorBlock
, который берет реквизиты от родителя. У меня нет идей, как организовать две широкие редактируемые области внутри пользовательского компонента.
Какое лучшее решение для организации двух (или более) областей редактирования внутри пользовательского компонента?
Ответы (1)
Чтобы использовать черновик, вам нужно создать обертка с фоновым изображением. Затем добавьте два текстовых блока с этой оболочкой.
person
Jiang YD
schedule
08.02.2017
Спасибо, но что вы имеете в виду под текстовым блоком? Это два
EditorBlock
, которые нужно импортировать из 'draft-js'.
- person Mikhail Shabrikov; 08.02.2017
Да, обычный
EditorBlock
подходит для «текстового блока».
- person Jiang YD; 08.02.2017