Как я могу сделать страницы GrapesJS динамичными с использованием данных в реальном времени из серверной части Django в приложении React?
Я создаю приложение для создания страниц, используя GrapesJS, React и Django (в качестве серверной части). Я успешно интегрировал GrapesJS во внешний интерфейс React и могу создавать и сохранять страницы.
Однако я изо всех сил пытаюсь понять, как сделать созданные страницы динамичными — это означает, что я хочу, чтобы контент извлекался из серверной части (Django) в режиме реального времени, чтобы он отражал текущие данные (например, из базы данных или API).
Мои цели:
Заставьте части страниц, сгенерированных GrapesJS, динамически обновляться с использованием внутренних данных.
Возможно, вставлять динамические компоненты или заполнители в GrapesJS, которые заполняются реальными данными при рендеринге.
Что я пробовал:
Сохранение и рендеринг необработанного HTML-кода из GrapesJS.
Внедрение статического содержимого работает, но оно не обновляется с помощью внутренних данных.
Я рассматривал возможность внедрения компонентов React в GrapesJS, но я не уверен, как правильно связать это с данными Django.
В чем мне нужна помощь:
Общий подход или архитектура для создания динамических страниц с помощью GrapesJS.
Как интегрировать данные в реальном времени (или, по крайней мере, в режиме реального времени) из Django на страницы, созданные с помощью GrapesJS.
Есть какие-нибудь примеры или шаблоны с открытым исходным кодом, которые решают эту проблему.
Мы были бы очень признательны за любые рекомендации или ресурсы!
Добавьте свои собственные пользовательские блоки в качестве компонентов в GrapesJS. Сохраните сгенерированный HTML и CSS в свой сервер. При рендеринге извлеките эти данные, замените динамические заполнители на повторно используемые компоненты React и используйте вызовы API внутри них для загрузки и отображения реальных серверных данных.
При разработке builder я столкнулся с серьезными проблемами, но, к счастью, я сделал его динамичным.