Как работает Image Plugin в Draft.js

Question

Я новичок в использовании этого фреймворка, и я хотел использовать плагин изображения https://www.draft-js-plugins.com/plugin/image Я не понимаю, как это работает

// code taken from plugin page.

const initialState = {
    "entityMap": {
        "0": {
            "type": "image",
            "mutability": "IMMUTABLE",
            "data": {
                "src": "/images/canada-landscape-small.jpg"
            }
        }
    },
    "blocks": [{
        "key": "9gm3s",
        "text": "You can have images in your text field. This is a very rudimentary example, but you can enhance the image plugin with resizing, focus or alignment plugins.",
        "type": "unstyled",
        "depth": 0,
        "inlineStyleRanges": [],
        "entityRanges": [],
        "data": {}
    }, {
        "key": "ov7r",
        "text": " ",
        "type": "atomic",
        "depth": 0,
        "inlineStyleRanges": [],
        "entityRanges": [{
            "offset": 0,
            "length": 1,
            "key": 0
        }],
        "data": {}
    }, {
        "key": "e23a8",
        "text": "See advanced examples further down …",
        "type": "unstyled",
        "depth": 0,
        "inlineStyleRanges": [],
        "entityRanges": [],
        "data": {}
    }]
};

Кажется, это работает, только если у меня в исходном объекте было изображение src, но что, если бы я хотел, чтобы пользователь также загружал изображение и вводил текст?

Кроме того, я попытался использовать пример Add Image Button, но, похоже, импортирован класс ImageAdd, как мне это реализовать?

Я знаю, что это слишком много, чтобы спросить, но Google не предоставил мне ничего, равно как и документы по плагинам.

Благодарю.