Estoy intentando duplicar la página, pero los estilos no se aplican debido a los IDs, cambios a -2,-3 al final.
@sanchit36 Hola, ¿estás resolviendo el problema? ¿Puedes decir cómo?
Lee la respuesta completa abajo ↓Pregunta
'''javascript const duplicatePage = (editor) => { sea components = editor.getHtml(); sea css = editor.getCss(); sea newPage = editor. Pages.add({ Estilos: CSS, componente: componentes, }); editor. Pages.select(nuevaPágina); };
Así es como es mi función. Estoy intentando duplicar la página, la parte HTML está bien pero como se aplica CSS a través de IDS, cuando una nueva página se renderiza los ids cambian con -2 al final.
¿Hay alguna forma de evitarlo, o alguna otra forma de hacerlo?
Respuestas (4)
@sanchit36 Hola, ¿estás resolviendo el problema? ¿Puedes decir cómo?
Usa esto
'''js página const = editor?. Páginas.getSelected();
¿editor?. Pages.add({ id: (page.get('name') || page.id) + '-copy', component: page.getMainComponent().clone() }, { select: true });'''
@vlont ¡Gracias!
Gracias por informar de esto, @sanchit36. Buena pregunta sobre [PREGUNTA]: Estoy intentando duplicar la página, pero los estilos no se aplican debido a los Ids, que cambian a -2,-3 al final.. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la docum...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3512
Los elementos hijos no se pueden arrastrar, se pueden soltar y se pueden resaltar. también el CSS de todos los elementos hijos que no se insertan en la sección de estilo mientras se desarrolla un componente banner en un plugin
Hola @artf, Estoy intentando desarrollar un plugin sencillo para banners que incluya un encabezado, un subtítulo y un enlace. y cada elemen...
Issue #3420
¿Cómo implementar LocalStorage en el proyecto reactjs?
Estoy intentando implementar localstorage en la app de reactjs, por alguna razón no almacena datos en localstorage '''javascript useEffect(...
Issue #3262
Analizar estilos a una cadena Css
¡Hola @artf! '''javascript "editor": { "css": "* { tamaño de caja: caja de borde; } #wrapper{fuente-family:Helvetica, Arial Black, sans-ser...
Issue #3119
¿Cómo crear un bloque personalizado hecho con componentes de grapesjs?
Hola, quiero que me hagan bloques personalizados con componentes de grapesjs. Encontré la solución para añadir componentes: https://github....
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.