Problemas con GrapesJS

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

#213011 de julio de 2019por antctoRespuesta 1
Reacciones 1

¿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

GrapesJS no tiene concepto de páginas, es solo un lienzo, depende de ti manejarlas

#212911 de julio de 2019por nikitha123 respuestas
Reacciones 16

Cómo añadir un botón dentro del modal por defecto y capturar su evento de clic

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 :)

#212811 de julio de 2019por leetuanIncepit2 respuestas
Reacciones 0

¿Cómo añadir el entorno móvil del administrador de dispositivos?

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...

#212710 de julio de 2019por zyxnowellRespuesta 1
Reacciones 0

Cómo actualizar la proposición de contenido a partir del evento de rasgos

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' } })

#212610 de julio de 2019por ghost2 respuestas
Reacciones 0

Funcionalidades del editor GrapesJS que no funcionan correctamente en el navegador IE.

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.

#21259 de julio de 2019por zyxnowellSin respuestas
Reacciones 0

¿Cómo tener propiedades dinámicas en un bloque personalizado?

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ó...

#21249 de julio de 2019por edward1893Respuesta 1
Reacciones 0

Consigue vídeo por componentes en html

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...

#21239 de julio de 2019por lajby953 respuestas
Reacciones 2

¿Traducir los nombres de componentes por defecto (Cuerpo, Texto, Fila, etc.)?

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...

#21228 de julio de 2019por zyxnowellRespuesta 1
Reacciones 1

Añadir script al contenido con chart js

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

Explora todos los temas