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 877

🔍 question
#335219 de marzo de 2021por harsh2014 respuestas
Reacciones 1

El contenido predeterminado se inserta mientras se usa setComponents si el cuerpo de etiquetas está vacío

Versión: Última Puedes obtener la versión escribiendo 'grapesjs.version' en la consola ¿Puedes reproducir el error de la demo?[X] Sí[ ] No ¿Cuál es el comportamiento esperado? El componente con cuerpo vacío no debe estar lleno con contenido por defecto. ¿Cuál es el comportamiento actual? Cuando creamos un nodo vacío y...

artf

Has definido el 'contenido' por defecto en la definición de componentes, así que uno vacío usará eso como predeterminado. Solo mueve ese 'contenido' de la definición de componentes al bloque de 'párrafo'.

harsh201

@artf ¿Alguna ayuda aquí?

harsh201

¡Gracias @artf! Se me olvidó por completo añadir a nivel de bloque.

#335018 de marzo de 2021por devtechk3 respuestas
Reacciones 4

ErrorTypeUncatch: no se puede acceder a la propiedad "el", n está indefinido

Hola, estoy usando grapesjs 0.16.44 y solo en Firefox me encuentro con este problema. Usando grapesjs bloquea un preset básico. ¿Alguien puede ayudarme? ¡Muchas gracias! ! imagen ! imagen

artf

Intenta colocar tu código dentro '''js editor.on('load', () => { // ... }) ```

devtechk

Problema "resuelto" eliminando : Busco una mejor solución para activar el panel de bloques al principio También he notado otros conflictos, como con mis modales personalizados y el modal del plugin de exportación (al hacer clic en exportar...

ClaudeCode

Gracias por informar de esto, @devtechk. El problema con Uncaught TypeError: no se puede acceder a la propiedad "el", n está indefinida parece ser una condición de carrera o un problema de temporización de gestión de estado. Esto suele ocu...

#334918 de marzo de 2021por maivanchuong953 respuestas
Reacciones 0

HAZAÑA: Importar plantilla desde archivo comprimir esta exportación

Hola a todos, Quiero importar el archivo zip del archivo que ya había exportado grapesjs. ¿Puedes ayudarme?

artf

Esto no tiene nada que ver con la biblioteca principal. Puedes crear tu propio plugin si lo necesitas

Sunsiha

Hola @maivanchuong95 ¿has encontrado alguna solución?

ClaudeCode

Gracias por informar de esto, @maivanchuong95. Buena pregunta sobre FEAT: Importar plantilla desde archivo comprimir esta exportación. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la doc...

#334818 de marzo de 2021por FreshImmuc2 respuestas
Reacciones 0

Cómo

Oye, sé que se explicó cómo usar esto pero no lo entendí... ¿Cómo uso esto?

FreshImmuc

:/

ClaudeCode

Gracias por informar de esto, @FreshImmuc. Buena pregunta sobre Cómo. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del o...

#334718 de marzo de 2021por xinnai4 respuestas
Reacciones 0

¿Cómo puedo conseguir código JS sin comprimir para editarlo?

Hola, gracias por revisar mi problema. Quiero usar mi propio JSEditor para editar html, css y js. Primero, uso 'getHtml', 'getCss', 'getJs' para mostrar el código en mi JSEditor. Y he visto que el código JS está comprimido. ¿Cómo puedo conseguir un código sin comprimir? Yo uso 'editor'. CodeManager.getCode(model, 'js'...

artf

El 'script' que usan los componentes con JS se basa en el mismo código de tu fuente. Por ejemplo, si creas un plugin y luego lo construyes con webpack/babel, el componente imprimirá el resultado desde la compilación. Supongo que podrías cr...

xinnai

@artf Hola, no estoy seguro de si entiendes mi pregunta. Quiero editar el código js en mi propio editor js, primero configuro el código js de tu editor usando 'getJs()', pero en tu demo.html se ve así: ! 1444126130 Todo este código está co...

artf

'autoBeautify' es una opción que se pasa a CodeMirror, pero en cualquier caso, puede embellecer el código pero no lo descomprimirá porque el código se almacena así en el componente

#334618 de marzo de 2021por xinnai4 respuestas
Reacciones 0

¿Puedo desarrollar mi propio gestor de estilo y encuadernar las propiedades de forma cómoda?

Quiero crear mi propio gestor de estilos usando algún framework de interfaz como Element-UI para crear una interfaz de belleza rápidamente. Pero, ¿cómo puedo vincular las propiedades a un componente seleccionado? No vi ninguna API como 'establecerPropiedades a un elemento...'. ¿Puedes ayudarme a hacerlo? ¡Muchas graci...

RutujaBadbe

#2296 ¡Esto podría ayudarte!

artf

Supongo que algo así debería funcionar si necesitas crear el Style Manager desde cero '''js dejemos targetsToStyle = []; const eventToListen = 'component:toggled component:update:classes change:state change:device'; const sm = editor. Styl...

xinnai

@artf ¡Eso es exactamente lo que necesito! ¡Muchas gracias!

#334417 de marzo de 2021por NagarRahul3 respuestas
Reacciones 0

HAZAÑA: Estoy intentando conseguir js usando el método getJs(), pero estoy obteniendo valor nulo. ¿Cómo puedo conseguir js?

! imagen

NagarRahul

@artf

artf

Ese método toma el JS que se usa en tus componentes. Así que, si no tienes componentes con JS, quedará vacío

ClaudeCode

Gracias por informar de esto, @NagarRahul. Buena pregunta sobre FEAT: Estoy intentando conseguir js usando el método getJs(), pero obtengo valor nulo. ¿Cómo puedo conseguir js?. El enfoque recomendado con GrapesJS es usar la API orientada...

#334317 de marzo de 2021por neilkyoung4 respuestas
Reacciones 0

Error de invocación ilegal al usar keepEmptyTextNodes

Versión: 0.16.44 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No Configurar 'editor. Parser.getConfig().keepEmptyTextNodes = true;' en la consola y luego intentar arrastrar un formulario a un plugin de 2 columnas. ¿Cuál es el comportamiento esperado? Describe el error detallado Por lo que he observado, un 'keepEmp...

artf

Bueno, sí, tiene sentido, probablemente deberíamos tomar el primer elemento "válido" (el que realmente soporta 'partidas'). Pero también tengo curiosidad por saber tu caso para el uso de 'keepEmptyTextNodes'. Hace unos días estaba pensando...

neilkyoung

@artf Un sistema que usamos para la creación de páginas web implementa esto. Aunque ahora hemos conseguido convencerles de desactivar esto gracias a tu comentario arriba:-D

artf

Genial, entonces cierro esto. Avísame por si hay algo mal o diferente con ese cambio de tu parte

#334217 de marzo de 2021por RutujaBadbe2 respuestas
Reacciones 0

JQuery no funciona para script en el componente

¡Hola! He intentado añadir jquery tanto en Canvas como en index.html Lo estoy añadiendo en lienzo así- 'canvas = editor. Lienzo; const script1 = document.createElement('script'); script1.src = 'https://code.jquery.com/jquery-3.6.0.min.js'; canvas.getDocument().head.appendChild(script1);' y en la página HTML lo he añad...

artf

Aquí puedes ver cómo cargar las dependencias correctamente https://grapesjs.com/docs/modules/Components-js.html#template-related

ClaudeCode

Gracias por informar de esto, @RutujaBadbe. El error ReferenceError: $ no está definido ocurre cuando Canvas intenta acceder a propiedades antes de que el ciclo de vida del componente esté completamente inicializado. Esta es una condición...

#334115 de marzo de 2021por HeyWrecker4 respuestas
Reacciones 2

Pregunta: Grupo de redes sociales - Facebook

Hola, ¿El componente de redes sociales de Facebook está pensado para proporcionar un enlace de Facebook a la página de Facebook de una empresa u organización, o está diseñado exclusivamente para compartir algo específico de tu línea de tiempo? Parece ser lo segundo, aunque me parezca contraintuitivo, ya que muchos cor...

artf

Supongo que buscas este https://github.com/artf/grapesjs-mjml

HeyWrecker

Ah, entonces fue mi error, ¡gracias!

HeyWrecker

Como seguimiento, he confirmado que el componente social de Instagram sí enlaza con la página de perfil de IG. Mientras que la opción de Facebook no enlaza con la página de Facebook.

Explora todos los temas