Problemas de carga de contenido desde una base de datos remota
Sigue esta guía https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage
Lee la respuesta completa abajo ↓Pregunta
Hola, Creé Grapejs Pagebuilder. Tengo dos enlaces, uno para Pagebuilder1 y otro para PAgeBuilder2. Ambos se redirigen al editor grpaejs y carga de contenido desde la base de datos según el id.
Cuando hago clic en PageBuilder1 va a index.html?id=1 (cargar contenido guardado de la base de datos)
Cuando hago clic en PageBuilder2 va a index.html?id=2 (cargar contenido guardado de la base de datos)
Mi problema es el mismo contenido, cargando todo el pagebuilder.
Mi código:
grapesjs.init({ Offsets: 1, avisoOnUnload: 0, Contenedor: '#gjs', Altura: '100%', fromElement: cierto, storageManager: { autocarga: verdadero, guardado automático: falso, },
autoBeautify: cierto,
clearOnRender: cierto,
permitenScripts: 1,
StyleManager: {
sectores: [{}]
});
Aquí cargando contenido desde la base de datos,
éxito: función (datos) {
si (data.length > 0) {
$.each(data, function (key, data) {
var html = data.content;
$('#gjs').append(html);
SiteBuilderThis.InitPageBuilder();
});
}
Cuando cargué el primer contenido, todos los editores de grapejs aparecieron aquí,Respuestas (2)
Gracias por informar de esto, @san-123.
¡Gran sugerencia sobre problemas de carga de contenido desde una base de datos remota! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar.
Usando el sistema de eventos: '''javascript editor.on('component:update', (component) => { Tu lógica aquí });
**Enfoques alternativos:**
- Escuchar 'selector:add' para cambios en el selector CSS
- Usar 'selector:custom' para reglas personalizadas
- Aprovechar los eventos 'change:*' para un seguimiento detallado
- Crear un plugin que extienda el editor con esta capacidad
**Lo hace oficial:**
Si esta función beneficiaría a muchos usuarios, considera abrir una Solicitud formal de Funcionalidad en el repositorio GrapesJS con:
- Un caso de uso detallado
- Ejemplo de código que muestra el comportamiento deseado
- Por qué esto es importante para tu flujo de trabajo
El equipo central es receptivo a solicitudes de funcionalidades bien motivadas respaldadas por casos de uso reales.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3269
Traducción de cadenas HTML
¡Gran biblioteca! Cumple todos los requisitos excepto uno: la traducción de texto para sitios web. He buscado por todas partes en la cola d...
Issue #3193
LOGRO: Cambio del almacenamiento interno actual de objetos para permitir mapeos de relaciones en lugar de la implementación actual de contenedor indexable
¿Qué intentas añadir a GrapesJS? Actualmente, las instancias de editor recién instanciadas se añaden a una colección indexable donde el usu...
Issue #3407
HAZAÑA: Cuadrícula CSS
¿Qué intentas añadir a GrapesJS? Añadir soporte para CSS Grid ('display: grid;') y sus diversas opciones. No tengo una necesidad personal i...
Issue #3496
HAZAÑA: Marcar el componente como Sucio
¿Qué intentas añadir a GrapesJS? El componente debería poder marcarse como sucio, activando el mensaje de advertencia 'onbeforeunload'. Des...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.