Моя цель - создать входной div, который проверяет, предоставлены ли значения numeri c тегом валюты или нет. Div с возможностью редактирования содержимого должен находить значения numeri c и предпочтительно преобразовывать их в отдельные компоненты, каждый из которых может отображать всплывающую подсказку для пользователя, чтобы назначить значение валюты для каждого значения.
Вот то, что я сейчас работает над: https://codesandbox.io/s/keen-silence-4uizr
Известные на данный момент проблемы:
- Использование текущего компонента
react-contenteditable не позволяет мне визуализировать что-либо, кроме чистого HTML, но если я использую обычный div с атрибутом contenteditable, каретка ебет, и в целом обратные вызовы и UX лучше использовать компонент react-contenteditable. - Из-за изменений состояния при отображении в разделе параметров, все настраиваемые JS, добавленные к цели, текущий выбранный элемент пропал и, похоже, не может сохранить это каким-либо образом.
Пример реального мира
Если вы go в Facebook и начните писать новое обновление статуса, и вы начнете писать имя друга, он отобразит список опций и назначит их элементу, который вы в настоящее время пишете ing. Знание того, как это сделать, должно упростить то же самое для числовых c значений и значений валюты, как я полагаю.
По сути, я просто боюсь (ну и надеюсь на ...), что я слишком усложняю здесь, и кто-то может сказать мне:
Чувак! это похоже на самую легкую вещь! Просто так!