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

#266116 de marzo de 2020por h3llomoto2 respuestas
Reacciones 0

ToggleStateCls devuelve el error js

Hola, chicos. He encontrado un error en el LayerManager: Tengo un comentario en html como capa en el LM. Yo hago clic en el comentario. Me sale un error en la consola: Y el código al que se refiere este error es: src/style_manager/vista/SectorsView.js:47 Así que los comentarios html no pueden tener la propiedad ClassL...

artf

¿Puedes crear una demo en directo, por favor? Por definición, no deberías poder ver el componente Comentario en Capas

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

#266016 de marzo de 2020por just-vicu2 respuestas
Reacciones 1

Función de componentes del modelo de Reinit

Hola a todos, Tengo un componente personalizado con una estructura diferente según el valor de la prop. ¿Cómo puedo recordar/reiniciar el funcionamiento de los componentes del modelo en un evento de cambio de prop? '''javascript const EDC = editor. DomComponents; const TableType = EDC.getType('table'), TableModel = Ta...

artf

Creo que 'this.components(this)' mostrará el error 'Tamaño máximo de pila de llamadas exceed' mientras intentas añadir el componente a sí mismo. Probablemente tengas que probar esto '''js this.components( this.proto.defaults.components(thi...

pouyamiralayi

Hola @V1cu puedes registrar a tus oyentes dentro del hook init como se indica a continuación: ¡Salud!

#265916 de marzo de 2020por verlokaRespuesta 1
Reacciones 1

Soporte en milímetros para propiedades de margen y relleno

¿Cómo usar milímetros para propiedades de margen o de relleno? ! Anotación 16-03-2020 143552

artf

Puedes usar la API del Gestor de Estilos con 'getProperty' y actualizar las unidades (ejemplo https://github.com/artf/grapesjs/issues/2509#issuecomment-575552807)

#265816 de marzo de 2020por vectaankitRespuesta 1
Reacciones 0

ERROR TipoError: r no es una función

Grapesjs funciona perfectamente en mi zona y también en la fabricación de hilo — AOT, pero una vez terminamos con la fabricación de lana — prod, una vez que abrimos editor mostrándome ¿Podrías ayudarme a resolver este problema?

artf

Lo siento, pero ese fragmento de error, pegado así (sin la pila, la referencia del archivo, etc.), no dice absolutamente nada, también podría ser un error en tu fuente

#265716 de marzo de 2020por Podvodila3 respuestas
Reacciones 0

La propiedad de estilo personalizado no funciona cuando se activa el atributo toRequire

¿Estás usando la última versión (las versiones anteriores NO están soportadas)? Sí¿Cuál es el comportamiento esperado? Propiedad de estilo personalizado aplicable al componente¿Qué ocurre en cambio? La propiedad de estilo personalizado no funcionaPasos para reproducirseseleccionar el componente Cajaintentar cambiar la...

Podvodila

Conseguí arreglarlo extendiendo el método 'isTargetStylable' dentro de PropertyView.js - https://github.com/artf/grapesjs/blob/85b7b82103e12fb01a3700b1002a57a7b60ccaf1/src/style_manager/view/PropertyView.js#L504-510 He cambiado estosi (toR...

Podvodila

Fuera de arriba No quiero crear otro tema, solo quiero decir que en el mismo método (isTargetStylable) sería mejor reemplazar la búsqueda de propiedad por id (según entiendo para los estilos incorporados, es igual que la propiedad) dentro...

artf

sería mejor reemplazar la búsqueda de propiedad por id (según entiendo de los estilos integrados, es igual que la propiedad) dentro de la marca no estilizable (además de estilizable) ¡Sí, totalmente correcto! Sinceramente, yo uso la opción...

#265616 de marzo de 2020por abozhinov3 respuestas
Reacciones 1

Posición incorrecta de la barra de herramientas al duplicar un componente hijo

Hola, Puedes consultar este ejemplo: https://codepen.io/abozhinov/pen/XWbqjEJ Pasos para reproducir el problema:Si existen componentes, elimínalos todos.Arrastra un nuevo bloque de carrusel. Selecciona el primer recipiente para niños.Haz clic en el icono DUPLICADO para crear un nuevo componente.Después de eso, intenta...

abozhinov

Cuando sobrescribes estos dos métodos en el comando 'select-comp', todo funciona perfectamente. El problema era que "el" no existe en el DOM. ` onHovered(em, component) { Sea el resultado = {}; si (componente) { const { view } = component;...

abozhinov

El mismo resultado que puedes obtener cuando el trigger renderiza en vez de reiniciar.

abozhinov

@artf si lo pruebas en la demo es igual. Solo tienes que arrastrar el carrusel y hacer clic en la diapositiva. <img width="1440" alt="Captura de pantalla 2020-03-16 at 14 58 23" src="https://user-images.githubusercontent.com/1404839/767606...

#265516 de marzo de 2020por Hsin903213 respuestas
Reacciones 0

Cómo editarlo en innerHTML

Hola, Quiero usar blockManager para crear un componente. Yo había corrido la línea de puntos, genial y lo veo. Entonces, este es mi código de componente Está ejecutado perfectamente como esta imagen. Puedo editar texto y ver la línea punteada en la clase .chs-row-cell ! 1 hoy quiero añadir un tamaño redimensionable en...

Hsin90321

Encuentro que el problema no es la línea de puntos, el problema es innterHTML!! el innterHtml permite que mi componente no pueda editar. Quiero usar modal para mostrar la entrada y dejar que la vista cambie. Reiniciar Render View, el traba...

Hsin90321

Hola, estoy encontrando la respuesta para editable en el #460 Ahora, el componente puede editar texto. Pero aún así no muestra la línea de puntos. ! 1584587780421

artf

Has publicado muchas preguntas sobre el mismo tema y deberías evitarlo. Crea una demo en directo con el problema. Por cierto, en tu publicación original cometiste un error '''js ... etiqueta: 'elige', contenido:{ Tipo: 'texto', 'content' e...

#265415 de marzo de 2020por AbdiasM3 respuestas
Reacciones 6

Cómo obtener la propiedad modificada desde StyleManager

Hola, ¿Hay alguna forma de saber qué propiedad se modificó en el StyleManager? Por ejemplo, Si selecciono un componente de texto y cambio su propiedad de color de fondo desde el StyleManager, ¿hay algún evento donde pueda obtener la propiedad que se ha cambiado? He probado el evento 'component:styleUpdate', pero pasa...

pouyamiralayi

@AbdiasM creo que esto es algo relacionado con la base y, que yo sepa, actualmente no es posible. Así es como debería ser: ¡Salud!

artf

De hecho, obtienes la propiedad modificada como segundo argumento de la llamada de regreso '''js editor.on('component:styleUpdate', (component, propChanged) => { ... }) ```

pouyamiralayi

Hola @AbdiasM basándote en component:styleUpdate o component:styleUpdate:{propertyName} puedes obtener la propiedad como la siguiente: ¡Salud!

#265114 de marzo de 2020por orionseye3 respuestas
Reacciones 0

¿No es accesible la imagen de fondo mediante el estilo en línea?

Esto es muy sencillo, pero no puedo acceder al conjunto de imágenes de fondo vía CSS, dentro de mi bloque personalizado 'contenido'. ¿Cómo cambio la imagen de fondo aquí? (incluso editor.getCss 've' el estilo) https://codepen.io/dimimet/pen/NWqYmbB ¡Salud!

orionseye

Extraño... He tenido que usar explícitamente una clase específica para acceder a la imagen de fondo (en mi caso es clase .bg). El .bg #desc-text-6 no funcionará. Ahora, dado que .bg es una declaración de estilo global, necesito aprovechar...

orionseye

Olvídalo... Al leer la mitad de los problemas aquí, vi que hay una pequeña casilla de verificación junto a las clases seleccionadas, que me permitía activar o desactivar la vista de clase. Así puedo añadir una clase única ahora y asignar m...

artf

Ahora, dado que .bg es una declaración de estilo global, necesito aprovechar #desc-text-6 .bg No, en realidad no hay absolutamente ninguna buena razón para usar un selector como este '#desc-text-6 .bg', simplemente crea una única clase par...

#265014 de marzo de 2020por abzal03 respuestas
Reacciones 2

Slick.js recargar el control deslizante al cambiar el recurso de imagen

Hola a todos, Estoy integrando el deslizador slick, el problema es recargar el deslizador después de subir la imagen. Después de hacer clic en activos abiertos, el deslizador Slick debe reinicializarse para que el HTML normal del deslizador se convierta en el deslizador slick, que ocurre al añadir el componente al lie...

pouyamiralayi

Hola @abzal0 la función correcta es en realidad ''updateScript'', ¡mi error! Así es como lo hice: Primero, definiendo el tipo de componente: Cada vez que se ejecuta el script, reinicio el ''slickjs'' para reinicializar, que puedes ver en e...

abzal0

@pouyamiralayi este código es increíblemente valioso, muchas gracias por compartirlo :) funciona mejor de lo que necesitaba. Te enviaré un correo electrónico, espero que respondas.

pouyamiralayi

@abzal0 cómo reiniciar la función 'script' dentro de editor.blockmanager.add para recargar el código jquery del slider? Para tu código ''script'', te sugiero que lo muevas a la definición de componente y ahí puedes emitir: Para recargas de...

Explora todos los temas