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

#282010 de junio de 2020por RubarkRespuesta 1
Reacciones 0

Conecta dinámicamente CDN (recursos externos) a la cabeza de lienzo #grapesjs #attach #cdn #external #resources

Querido artf Estoy intentando añadir una función a mi aplicación, para el usuario final. Es una herramienta para añadir dinámicamente CSS y CDN-s JS. Como en jsFiddle o Codepen, cuando añadimos recursos externos (css/js) CDN-s. Eso significa que, tras añadir un enlace para js o css, aparecerá en la cabeza de iFrames d...

artf

Si necesitas guardar css/js dinámicos dentro de la plantilla, tienes que añadirlos al cuerpo (por ejemplo, 'editor.addComponents('<script src="...">..')') si los necesitas fuera de la plantilla (que gestiona SOLO el cuerpo), como en <head>...

#281910 de junio de 2020por akashdesale98Respuesta 1
Reacciones 0

¿Estoy actualizando un rasgo usando la función addTrait? ¿Se actualiza y añade el rasgo en el administrador de rasgos, pero no puede reflejarlo en la sección html del gestor de código?

He escrito el siguiente código: componente const = editor.getSelected(); component.addTrait({ nombre: 'traitName', tipo: 'texto', etiqueta: 'traitLabel', valor: 'traitValue' }); const traits = component.get('traits'); traits.forEach(trait => console.log(trait.props()))

artf

Los rasgos cambian el componente (y su HTML final) cuando los usas. Simplemente actualizar la colección de rasgos en el componente no hace ningún cambio en el lado HTML

#28189 de junio de 2020por MarlonV123Respuesta 1
Reacciones 0

Plugin google analytics

Buenas tardes, este GrapesJS podrá instalar un plugin de Google Analytics para poder monitorizar cada página creada con este editor, ya que es muy completo y quiero seguir usándolo

artf

Tienes que crear un componente personalizado para ese propósito https://grapesjs.com/docs/modules/Components.html https://grapesjs.com/docs/modules/Components-js.html

#28178 de junio de 2020por rathodrupesha2 respuestas
Reacciones 0

Quiero simplemente previsualizar la página que está construida/hecha por grapseJS

Hola, señor, Hemos usado grapesJS para el creador de páginas. Hemos creado una página con grapesJS y la almacenamos en un servidor remoto. Ahora solo queremos mostrar o previsualizar esa página en nuestro Angular. ¿Podrías darnos una solución sobre cómo mostrar la vista previa de uvas solo de lectura en Angular 8?

artf

Solo tienes que renderizar el HTML/CSS que almacenas en tu servidor remoto

wojiaoxiaomayun

Hola, quiero mostrar dinámicamente los projectData en la interfaz de vista previa, solo para previsualizar, sin ninguna otra función, como hacer clic derecho y arrastrar, etc. No es obligatorio, ni tampoco es HTML/CSS

#28168 de junio de 2020por scaneSin respuestas
Reacciones 0

Aplicar automáticamente el estilo a componentes de tipo similar

Hola, He escrito un componente personalizado de GrapesJS. Lo que intento conseguir con este componente personalizado es que, si coloco 2 componentes del mismo tipo en el lienzo de GrapesJS y al editar el estilo de uno a través del gestor de estilos, debería actualizar automáticamente el estilo del otro componente. ¿Ha...

#28145 de junio de 2020por RJCAM3 respuestas
Reacciones 2

Botón de panel personalizado que activa/deshabilita dinámicamente los scripts de usuario

Hola y gracias por compartir un proyecto tan bueno. Estoy intentando personalizar algunas cosas en el editor, pero tengo algunas preguntas que agradecería que pudieran aclararse. Recientemente creé un botón de panel para cambiar el editor entre los modos absoluto y predeterminado y funciona sin ningún problema. Pero c...

artf

Puedes cambiarlo así: 'editor.getConfig().allowScripts = ...'

artf

AllowScripts es para habilitar el análisis de JS; una vez insertado el script, se ejecuta, así que no puedes eliminarlo (una forma sería acceder al contexto del iframe y hacer cambios manualmente).

RJCAM

Gracias por la respuesta @artf . Aquí está el problema: el código que me das cambia el valor pero sigue sin funcionar como he descrito antes. En la demo que comparto (https://codepen.io/RJCAM/pen/xxZbNLw) tengo un botón que muestra una ale...

#28133 de junio de 2020por KaytotheHRespuesta 1
Reacciones 0

Atributos de bloques

` const blocktext = blockManager.get('text').set({ etiqueta: 'Texto modificado', atributos: { } }) ` Quiero añadir un atributo al bloque de texto original, quiero que el atributo dé al usuario la opción de dar al componente tiempo para que aparezca y desaparezca en otro momento. Mi pregunta es, ¿cuáles son los atribut...

artf

Tú puedes hacerlo, 'editor. Blocks.get('text').set({ atributos: { clase: 'mi-personalizada-clase' } })'

#28121 de junio de 2020por BerkeAras2 respuestas
Reacciones 1

No se puede colocar el botón

Hola. En la última versión no es posible arrastrar y soltar un botón. Da este error: ''Posición de objetivo inválida: Colección de objetivos no encontrada, Objetivo no se puede soltar, acepta [indefinido], Componente no arrastrable, aceptable por [indefinido]''

RJCAM

@BerkeAras el botón por defecto dentro de la categoría de formulario solo se puede soltar dentro de un bloque de formulario (el primer bloque dentro de la categoría de formulario). Todos esos bloques solo pueden caer dentro de un formulari...

BerkeAras

¡Gracias!

#281130 de mayo de 2020por BerkeAras3 respuestas
Reacciones 1

No se ejecutó 'appendChild' en 'Node'

Hola. Estoy recibiendo este error en la consola: ErrorTipoUncatch: No se ejecutó 'appendChild' en 'Node': el parámetro 1 no es de tipo 'Node'. ¿Qué podría ser esto?

BerkeAras

@artf Lo siento, por mi problema. El error está solucionado. El problema fue porque intenté eliminar el panel de ajustes, pero hubo un error tipográfico.

RJCAM

Necesitas ser más específico sobre lo que intentas hacer y cómo te está apareciendo este error.

BerkeAras

No hago nada. Si simplemente pongo GrapesJS en mi página, esto ocurre.

#281030 de mayo de 2020por BerkeAras2 respuestas
Reacciones 1

¿Es posible hacerlo para personas que no son desarrolladoras?

¡Hola! ¿Es posible hacer una versión para personas que no son desarrolladoras o que no conocen los conceptos básicos de CSS? Estoy programando un CMS y la mayoría de los usuarios no saben qué posición: absoluta es que solo quieren arrastrar y soltar elementos hasta el lugar donde quieran.

Ju99ernaut

'Grapesjs' ya permite mover componentes libremente, consulta el número #1936

BerkeAras

Gracias 👍

Explora todos los temas