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

#25463 de febrero de 2020por AbdiasM2 respuestas
Reacciones 0

No se puede arrastrar la celda dentro de la fila

@artf ¿Podrías echar un vistazo a esto, por favor? Al eliminar una celda e intentar añadir una nueva celda desde el gestor de bloques, da el siguiente error: "Posición objetivo inválida: Colección de objetivos no encontrada, objetivo no se puede soltar, acepta [indefinido], componente no arrastrable, aceptable por [in...

artf

Por favor, crea una demo reproducible de tu problema

no-response[bot]

Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...

#25453 de febrero de 2020por Elvincth3 respuestas
Reacciones 1

Error al redimensionar con el layout dorado: No se puede leer la propiedad 'appendChild' de null

! ezgif com-vídeo-a-gif 'index.js:129 Uncaught TypeError: No se puede leer la propiedad 'appendChild' de null en Object.postRender (index.js:129) a las index.js:757 en Array.forEach (<anonymous>) en r.<anonymous> (index.js:756) a M (backbone.js:368) en V (backbone.js:356) en h (backbone.js:155) en R.C. Trigger (backbo...

artf

Después de iniciar/renderizar puedes usar el simple 'querySelector' y mover el DOM a donde necesites, pero de nuevo, espero que no vuelvas a renderizar cosas manualmente

artf

@Elvincth, como tienes la pila de errores, haz clic en el error para ver exactamente dónde ocurre

Elvincth

@Elvincth, como tienes la pila de errores, haz clic en el error para ver exactamente dónde ocurre /*Inicializar módulo. Llamada automáticamente con una nueva instancia del editor@param {Object} config Configuraciones@return {esto}@private...

#25442 de febrero de 2020por gentritabazi3 respuestas
Reacciones 3

¿Obtener CSS de un componente seleccionado?

Hola, ¿cómo puedo obtener el CSS de un componente seleccionado?

longdoan7421

Podrías escuchar el evento 'component:selected', y luego obtener el elemento DOM del componente a partir de ahí. Después, podrías simplemente usar javascript para obtener el estilo de ese componente. Sobre cómo obtener estilo con javascrip...

artf

También puedes obtener el componente seleccionado actualmente haciendo 'editor.getSelected()'

alemenciones

¿Cómo obtener/establecer/establecer Style() del estado de hover desde un componente? ¿Esto es posible?

#25431 de febrero de 2020por Elvincth3 respuestas
Reacciones 5

¿Cómo quitar la barra lateral derecha?

<img width="1033" alt="Anotación 2020-02-02 032330" src="https://user-images.githubusercontent.com/6602723/73597835-77af0f00-456b-11ea-9286-2c8b012bf9da.png"> paneles: { predeterminados: [] }, y añado mi propio panel usando pn.getPanels().reset([... Gracias de antemano.

Elvincth

'.gjs-cv-canvas { ancho: 100%; altura: 100%; }`

atikhashmee

¿Pudiste resolver este problema? No lo sé, por alguna razón la mía no se está ocultando. Por favor, dime qué solución aplicaste

lukajose

Sobrescribiendo el css inicial, todas las variables css se declaran en grapesjs. Simplemente añade a tu CSS: ':raíz { --gjs-ancho-izquierdo: 0%; }`

#25421 de febrero de 2020por erikhawRespuesta 1
Reacciones 3

Componente similar a una imagen con gestor de activos propio

¡Hola a todos! Tengo una pregunta sobre mi problema, que quiero resolver durante aproximadamente un mes. La pregunta es: ¿Puedo crear un componente, como un componente de imagen, para que cuando lo suelte, abra mi propio gestor de activos, que no sobrescriba el gestor original de activos, así que el componente de imag...

artf

Solo tienes que crear tu propio comando que llame a tu modal. Obviamente, como implementas tu propio Gestor de Activos, depende de ti saber CUÁNDO actualizar el objetivo '''js editor. Commands.add('my-asset-manager', { run(editor, sender,...

#254131 de enero de 2020por andy-aware3 respuestas
Reacciones 0

Asigna estilo a la clase, no ID

Lo que intento conseguir es que, cada vez que se edita el "bloque" dentro del lienzo, el estilo no se añade a una #id sino a una clase. Mi lógica es tomar el ID actual que se usa —**la cadena aleatoria— y eliminarlo como ID y convertirlo en una clase, y luego asignar estilos a esa clase en vez del ID; sí, eso dará lug...

artf

Solo crea bloques/componentes con clases y, por defecto, el Style Manager les aplicará estilos

Fahad-ishfaq

Simplemente crea bloques/componentes con clases y, por defecto, el Style Manager les aplicará estilos ¡Hola! ¿Puedes decir si podemos cambiar este comportamiento? Quiero un editor para configurar el estilo CSS al id de elemento en lugar de...

artf

@Fahad-ishfaq https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors

#254031 de enero de 2020por SNaushadS3 respuestas
Reacciones 4

Empezando

Soy diseñador, quiero probar con GrapeJS. Tengo entendido que puedo usar GrapeJS localmente, similar a WordPress. Conozco Commandline y seguí la documentación para instalar npm y luego instalar Grape js. Y no sé qué más hacer para poder probarlo. Sería útil si se añadiera algún texto adicional para quienes no programe...

pouyamiralayi

@SNaushadS grapesjs es un creador de plantillas, así que se puede integrar en wordpress o en cualquier otro CMS que exista. Véase este uno como ejemplo de integración para october cms Por favor, visita la guía getting_started para familiar...

artf

@SNaushadS GrapesJS podría ser una buena base para construir algo así

SNaushadS

@pouyamiralayi gracias por la respuesta. Para aclarar más, Grapejs no es algo que se pueda usar como pinegrow.

#253931 de enero de 2020por ayana303 respuestas
Reacciones 1

¿Cómo mostrar y subir imágenes desde una API?

ADVERTENCIA LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUtiliza los Números de GitHub EXCLUSIVAMENTE para ERRORES, SOLICITUDES DE FUNCIONALIDADES o PREGUNTAS. Prefijo el título del pro...

pouyamiralayi

@ayana30 puedes añadirlos a la categoría global, consulta más información aquí aquí ¡Salud!

pouyamiralayi

@ayana30 por favor consulta subiendo recursos ¡Salud!

ayana30

Estoy intentando listar imágenes aquí usando la API de Unsplash. ! Captura de pantalla del 2020-01-31 15-20

#253830 de enero de 2020por senchdenRespuesta 1
Reacciones 0

Añadir antecedentes hace que sea una petición superflua

Pasos para reproducirse:Seleccione cualquier elemento.Intenta añadir un fondo a través del Style Manager usando 'Decoraciones' -> 'Fondo'.Haz clic en un signo más. Comportamiento esperado: No se hacen peticiones innecesarias. Comportamiento real: Se hace una solicitud GET innecesaria a '.. /ninguno' (es decir, a 'http...

artf

Debería arreglarse en la próxima versión

#253730 de enero de 2020por eyeamkd2 respuestas
Reacciones 2

¿Cómo hacer un bloque que pueda encajar en línea con un bloque de texto?

Necesito crear un elemento, que probablemente sea de tipo span, pero el usuario debe dejarlo en línea con un texto. ¿Cómo puedo conseguir esta funcionalidad? Para explicar más, este bloque mío debería tener la propiedad que permita insertarlo en cualquier lugar dentro de bloques de texto ya definidos

pouyamiralayi

Hola @eyeamkd necesitas establecer la propiedad ''textable'' de tu tipo de componente personalizado en ''true''. Aquí tienes más información Componente personalizado docs ¡Salud!

eyeamkd

¡Gracias!

Explora todos los temas