¿Cómo crear una nueva página y enlazarla desde el menú?
¿Cómo crear una nueva página y diseñar el contenido de esta página? Entonces, ¿cómo se puede hacer un enlace a esta página en el menú?
artf
Duplicado del #2130
Problemas analizados por 3,464 en GitHub — 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.
Se han detectado problemas con 3,464
¿Cómo crear una nueva página y diseñar el contenido de esta página? Entonces, ¿cómo se puede hacer un enlace a esta página en el menú?
artf
Duplicado del #2130
¿Cómo crear una nueva página y diseñar el contenido de esta página? Entonces, ¿cómo se puede hacer un enlace a esta página en el menú?
artf
GrapesJS no tiene concepto de páginas, es solo un lienzo, depende de ti manejarlas
Quiero un formulario dentro de un modal (usando el modal por defecto), al hacer clic en el botón de enviar hacer una llamada ajax. He creado un nuevo componente que activa un modal al arrastrar y soltar.Puedo insertar el formulario en el modal Se ve así: <img width="1001" alt="Captura de pantalla 2019-07-11 a las 10:2...
giorgiosjames
Eliminar el formulario y simplemente usar javascript para crear/interactuar con el contenido modal funciona bien. 'modal.setContent()' para añadir el botón y 'myButton.onclick = () => {}' para capturar su evento de clic. Aquí tienes un eje...
artf
La cuestión aquí es que 'content' acepta nodos HTML (no solo cadenas de HTML), así que puedes tener cualquier HTMLElement con cualquier evento adjunto (formularios con envíos, botones con clics, etc.), por lo que el enfoque propuesto es to...
AkibDeraiya123
@giorgiosjames Gracias, tío, esto (https://github.com/artf/grapesjs/issues/2129#issuecomment-510734779) es un trabajo de maravilla en mi caso. Tu respuesta me ahorra mucho tiempo :)
Hola, Por favor, ayudadme a añadir el paisaje móvil del gestor de dispositivos con un ejemplo de estructura: @media única pantalla y (ancho mínimo del dispositivo: 375px) y (ancho máximo del dispositivo: 667px) y (-webkit-min-proporción-píxeles-dispositivo: 2) y (orientación: paisaje) { } Actualmente, tengo el gestor...
artf
Consulta la API de DeviceManager Por ahora, solo es posible usar una única condición (configurable mediante la opción 'mainConfigObject.mediaCondition', 'max-width' es la opción predeterminada)
Ensaphelon
@artf ¿Hay alguna razón por la que grapesjs todavía no soporte esta función? Parece que se podría resolver simplemente eliminando la opción 'mediaCondition' de la opción 'EditorConfig' y permitiendo pasar cualquier consulta de medios para...
Hola, quiero actualizar la propiedad de contenido basándome en los cambios del rasgo Tengo este componente añadido y observo que tengo una propiedad personalizada 'chartType', que es la que tendría que actualizar. Aquí está el rasgo que creé: Lo que quiero hacer es que cada vez que se llame el evento 'updated' o 'doSt...
artf
Primero, mueve todos los props del bloque al componente para que tenga algo así: '''js blockManager.add('bar-chart-block', { ... Contenido: { Type: 'Canvas-options' } })
ADVERTENCIA 1) Maximizar y Minimizar no funcionan correctamente en IE Browser. 2) No se puede añadir negrita, cursiva, subrayado, strike y enlace al texto. 3) Si se añade una cadena freemarker como <#if test> ${test} </#if> obteniendo ="" y style="box-sizing: border-box; añadido. Podemos ver aquí: <#if test="" style="...
artf
¿Qué IE?
ghost
¿Cuál IE? Es decir, 11.
Hola, estoy creando una categoría personalizada usando ChartJS que serían bloques de gráficos arrastrables. Actualmente tengo este código para que se muestre un gráfico estático en el lienzo después de que lo deje caer Ahora mi problema es que, tras arrastrarlo, no puedo actualizar ni editar los datos del gráfico. ¿Có...
Por qué en el editor canvas, el componente de vídeo tiene un div en la etiqueta padre (vídeo), mientras que cuando recibo html(editor.getHtml()), el div no existe ! Screenshot_2¿es posible si quiero añadir 1 div como padre otra vez? (para brindar css)
artf
Por qué en el canvas de editor, el componente de vídeo tiene un div en la etiqueta padre (video), mientras que cuando obtengo html(editor.getHtml()), el div no existe Para que un componente se comporte de una manera específica, su vista (l...
Quiero cambiar los nombres de los componentes predeterminados que puedes arrastrar y soltar en el lienzo, para que muestren diferentes nombres en el gestor de capas y en otros lugares, principalmente por la traducción a otro idioma. Ejemplos: Cuerpo, texto, fila, enlace, imagen, etc. ¿Cómo podría hacerlo? ! gestor de...
giorgiosjames
Parece que el nombre de visualización de un componente en el lienzo y el gestor de capas es el id de tipo del bloque, con la primera letra en mayúsculas. Por lo que veo, la única forma de cambiar esto es crear un tipo nuevo extendiendo el...
artf
Puedes actualizar sus nombres de esta manera. IMPORTANTE: coloca el código en un plugin de lo contrario, corres el riesgo de ver los nombres actualizados solo con componentes recién añadidos '''js editor. DomComponents.addType('image', { m...
lajby95
Gracias. Esto funciona bien al añadir nuevos componentes, pero digamos que cargo un html+css predefinido usando editor.setComponents(html) y luego empiezo a editarlo más tarde. Las etiquetas HTML del preset reciben automáticamente GrapesJS...
Hola, estoy intentando añadir un bloque Graph JS con este código pero cada vez que arrastraba el nuevo bloque me daba un error: ! imagen ¿Cómo añado un 'script' a un 'contenido' para generar el gráfico? ¿También se permiten scripts de terceros en GrapesJS o hay propiedades que deban definirse al inicializar el editor?...
zyxnowell
Acabo de darme cuenta, solo tienes que declarar tu JS personalizado en el método 'init' y poner 'allowSripts' en true