Colocar HTML no editable alrededor del envoltorio
He trasteado con el código y he hecho un pequeño parche que se adapta a mis necesidades. Una opción de configuración 'surround' te permite especificar un ID, que representa un elemento en el contenedor. Este subárbol DOM se extrae durante la inicialización principal, se almacena en la configuración del Editor y se rec...
Lee la respuesta completa abajo ↓Pregunta
Mi CMS funciona así: los sitios pueden tener un tema y muchas plantillas bajo ese tema. Los temas se renderizan en cada página y las plantillas solo se renderizan en páginas específicas. He integrado con éxito GrapesJS con mi editor de plantillas existente, pero tengo una pregunta: ¿hay alguna forma de renderizar un tema alrededor de una plantilla en Grapes? Es decir, ¿hay alguna forma de insertar HTML no editable alrededor del HTML editable? Si coloco HTML en el lienzo entre el 'cuerpo' y el '#wrapper', parece que obtengo el resultado que quiero. ¿Existe alguna API existente para lograr esto...
Respuestas (3)
He trasteado con el código y he hecho un pequeño parche que se adapta a mis necesidades. Una opción de configuración 'surround' te permite especificar un ID, que representa un elemento en el contenedor. Este subárbol DOM se extrae durante la inicialización principal, se almacena en la configuración...
Genial@z1lk creo que incluso algo así funcionará '''js const canvas = editor. Lienzo; const surround = document.createElement('div'); surround.innerHTML = '<div>Algo de texto</div>'; canvas.getBody().appendChild(surround); surround.appendChild(canvas.getWrapperEl()); ``` Cierro esto porque has resu...
Usé una solución similar a la tuya para no tener que mantener cambios en la fuente de uvas. A veces la posición de las "herramientas" de los componentes está fuera de lugar, como si su desplazamiento vertical se calculara respecto al cuerpo y no al envoltorio. Aunque no puedo reproducirlo de forma...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1776
Añadir rasgo de solo lectura para todos los controles
Estamos usando grapejs para crear páginas web. Estamos haciendo algo de manipulación interna del json para enlazar cada hijo del html (norm...
Issue #1770
Los componentes con etiqueta personalizada no se renderizan si se especifican en el cuerpo del tema
Hola Creé un esqueleto muy sencillo del editor GrapesJS. Plantilla HTML: '''html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF...
Issue #543
Gestor de bloques en GrapesJS que no funciona para columnas
Hola, Mi instalación de GJS conecta todos los bloques por defecto. Cada bloque se arrastra bien en la página salvo todas las "columnas". es...
Issue #2061
Cómo colocar un componente al final del lienzo.
¿Cómo puedo poner mi zapata al final del lienzo? Quiero que el editor no permita colocar un bloque o widget debajo del pie de página. Ejemp...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.