Какое лучшее решение для организации двух (или более) областей редактирования внутри пользовательского компонента?

Какое лучшее решение для организации двух (или более) областей редактирования внутри пользовательского компонента? Моя цель — создать собственный компонент, который работает аналогично блоку изображения из среднего черновика http://bitwiser.in/medium-draft/
Однако в моем случае должно быть две области, где пользователь может добавлять и стилизовать текст (см. рисунок ниже). Я видел, как сделал блок описания под изображением в компоненте image.js из medium-draft - https://github.com/brijeshb42/medium-draft/blob/master/src/components/blocks/image.js Это сделано с помощью EditorBlock, который берет реквизиты от родителя. У меня нет идей, как организовать две широкие редактируемые области внутри пользовательского компонента. введите здесь описание изображения


person Mikhail Shabrikov    schedule 07.02.2017    source источник


Ответы (1)


Чтобы использовать черновик, вам нужно создать обертка с фоновым изображением. Затем добавьте два текстовых блока с этой оболочкой.

person Jiang YD    schedule 08.02.2017
comment
Спасибо, но что вы имеете в виду под текстовым блоком? Это два EditorBlock, которые нужно импортировать из 'draft-js'. - person Mikhail Shabrikov; 08.02.2017
comment
Да, обычный EditorBlock подходит для «текстового блока». - person Jiang YD; 08.02.2017