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

#123425 de junio de 2018por ivanezeigbo3 respuestas
Reacciones 0

Problemas de plantillas con GrapesJS

Algunas plantillas simplemente no cargan bien. Las plantillas muy simples sí cargan correctamente, pero parece que hay un problema con las plantillas que tienen más funciones y CSS. Por ejemplo, cargar una plantilla como esta generaría algunos problemas. Primero, no ocurriría el fundido de animación de las letras. Una...

ivanezeigbo

@artf No lo entiendo. Has etiquetado esto como inválido.

artf

Por favor, sigue la plantilla del problema y escribe siempre UN problema/pregunta/error por cada problema

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#123325 de junio de 2018por JPPreusDev3 respuestas
Reacciones 0

Cómo obtener el código html usando javascript

Me gustaría recuperar el contenido del documento HTML creado usando javascript para poder enviarlo mediante un formulario. ¿Cómo seleccionaría el contenido HTML?

cjpollard

https://github.com/artf/grapesjs/wiki/API-Editor#gethtml

ivanezeigbo

Estas dos líneas de código te dan el html y el css var Html = editor.getHtml(); var Css = editor.getCss();

JPPreusDev

¡Genial! Gracias.

#123225 de junio de 2018por Deepak8132 respuestas
Reacciones 0

Cómo cambiar el margen de px a rem

Hola @artf, Espero que estés bien. He cambiado la configuración de márgenes de "px" a "rem" en uno de los elementos usando el siguiente código: { Propiedad : 'márgene-tope', nombre: 'Top Margin', Unidades: ['REM'], tipo: 'entero', } Pero cuando vuelvo a asignar el mismo margen a Element después de guardar, multiplica...

artf

Por favor, @Deepak813... Sigue la plantilla del número, proporciona una demo y pasos para reproducirlo

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#123125 de junio de 2018por ivanezeigbo2 respuestas
Reacciones 0

GrapesJs ignora <script> las etiquetas de las plantillas (actualizado)

Cuando incluyo plantillas dentro de las etiquetas <div id="gjs"></div>. Parece que GrapesJs ignora las <script> etiquetas, pero cualquier otro tipo de etiquetas <link> funcionaría bastante bien. Las funciones de javascript en la etiqueta de script no podrían funcionar en el editor por este motivo. Mi código está diseñ...

ivanezeigbo

Me lo imaginaba. Perdona. Para quienes puedan beneficiarse de esto, tienes que poner allowScript a '1' en init.

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#123025 de junio de 2018por pintor-mato3 respuestas
Reacciones 0

Doctype en el iframe de lienzo

Hola @artf, he notado que el iframe de lona no parece tener ningún doctype activado, lo que hace que esté en modo quirks. ¿Es esto intencionado? Me gustaría configurarlo en <!DOCTYPE html>, pero hacerlo causa algunos problemas de posicionamiento que puedes ver en esta captura de pantalla y demo. ¿Estarías abierto a un...

artf

lo que hace que esté en modo de dones ¿En qué navegador?

tomichal

@artf Un problema que noté con la falta de doctype es con las definiciones de color de HEX. Si un usuario define un color HEX como, por ejemplo, "fff" en lugar de "#fff", esto funcionará en el editor, pero una vez que la página se renderiz...

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

#122824 de junio de 2018por ronaldaug3 respuestas
Reacciones 1

No se puede restablecer el código CSS que tenga padre o hijo.

Probé tanto en npm como en cdn Versión GJS - 0.14.20 (última) OS - Mac Navegador - Chrome Problema Si el nombre de la clase CSS tiene un padre o hijo como '#parent .child{ color: red }', el usuario no puede restablecer el estilo a origen, pero aún permanece dentro de CodeViewer. Codepen Demo 1 - Añadiendo CSS del bloq...

artf

Eliminar los códigos CSS que pertenecen a un bloque específico. De hecho, ese bloque de CSS no pertenece a ningún componente (me refiero a cómo funciona el editor), así que esa declaración siempre se renderiza en el papel. GrapesJS solo pu...

artf

Esto es porque solo estás limpiando componentes. Puedes usar el comando incorporado 'core:canvas-clear'

ronaldaug

@artf Gracias por tu rápida respuesta. Perdón por mi pregunta poco clara. Lo que realmente quiero conseguir esEliminar los códigos CSS que pertenecen a un bloque específico. Por ejemplo, cuando borro un bloque en el lienzo, también se elim...

#122722 de junio de 2018por smaqeelkazmi3 respuestas
Reacciones 0

Volver a renderizar la vista en el lienzo del editor cada vez que cambie el valor del rasgo

¿Existe alguna forma posible en 'grapesjs' de que cada vez que un usuario cambia el valor de un 'Trait' de un 'componente' personalizado, la función de renderizado escuche o se vuelva a renderizar? Estoy creando un componente personalizado para contenidos dinámicos. El código de componente personalizado es: Quiero que...

artf

Actualiza tu opinión de esta manera '''js view: dView.extend({ init() { this.listenTo(this.model, 'change:attributes:data-dummyimage', this.render) }, ... }) ```

mararn1618

Después de 2 días esto me salvó la vida. ¡Gracias a los dos!

vitanshu

Pero las propiedades de HTML no se pueden editar en Canvas.

#122622 de junio de 2018por DavidSporer2 respuestas
Reacciones 1

Especificación de las descripciones emergentes

Hola, He intentado encontrar información tanto en el código como en problemas existentes, pero o bien busqué información equivocada o aún no está ahí. Me gustaría especificar descripciones emergentes, por ejemplo, para el Style Manager, ¿cómo puedo hacerlo? He notado que en los presets del boletín hay menos tooltips q...

cjpollard

Si buscas descripciones emergentes en el html demo, el código está ahí.

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#122521 de junio de 2018por ionic6662 respuestas
Reacciones 0

Especifica el contenido y el tipo para el bloque

Cuando simplemente pongo el contenido así: ! qq20180621-110517Todo está bien. Pero cuando también especifique el tipo, ! qq20180621-110508 Habrá una etiqueta extra. ¿Puedes ayudarme?

artf

Añadir el tipo mediante el atributo 'data-gjs-type="input_box"'

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#122420 de junio de 2018por peakrams3 respuestas
Reacciones 0

Problemas con la consulta de medios y el renderizado de clases

Hola, Intentaba hacer un diseño responsivo, pero descubrí que el conmutador de dispositivos no funciona de forma consistente. El problema puede replicarse en la demo oficial. ¡Abierto http://grapesjs.com/demo.html Mantén el "Escritorio" como el dispositivo seleccionado. Añade en la parte superior del "Encabezado" 2 bl...

peakrams

Hola. ¿Hay o habrá alguna actualización sobre este problema? Acabo de intentar replicarlo en la demo y el problema sigue siendo. Por desgracia, solo sé JS básico, así que no se me ocurre cómo arreglar esto por mi cuenta. No sé si está rela...

peakrams

Hola, ¿Alguien puede ayudarme con este problema? Acabo de replicar (en la demo) el segundo ejemplo que he dado en la entrada inicial y parece que nada ha cambiado respecto a la última vez. Gracias.

artf

@peakrams, desafortunadamente, nadie trabajó en esto

Explora todos los temas