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

#283014 de junio de 2020por BerkeAras3 respuestas
Reacciones 0

Creando sitios web responsivos

Hola, ¿Es posible crear sitios web responsivos? Por ejemplo: un texto debe ser más pequeño en dispositivos móviles y más grande en escritorio. ¿Cómo puedo hacer eso?

artf

Sí, tienes que cambiar el dispositivo ! Schermata 2020-06-17 alle 01 42 22

BerkeAras

Pero eso no hace que la web sea muy receptiva. Quiero decir, ¿no es posible hacer que el texto sea 15px, por ejemplo, en móvil y 20px en escritorio?

artf

Cuando editas en otra vista, esos cambios se guardan solo para ese dispositivo actual

#282914 de junio de 2020por gpmonch2 respuestas
Reacciones 0

El rasgo "comprobado" no se actualiza

Al actualizar una casilla de verificación de un componente de tipo que tiene el rasgo "marcado" mediante importación html, no se actualiza la entrada del rasgo, es decir: en la demo de grapes.js, importa la opción de importación de html, añade un atributo marcado="marcado" a la casilla "Masculino" en el formulario de...

artf

Gracias @gpmonch por el informe, pero es solo un problema con el preset de la página web, que usa una versión antigua del plugin de formularios. Aquí puedes ver un ejemplo funcional https://jsfiddle.net/bp5e9zkc/

gpmonch

¡Gracias por la respuesta rápida!

#282812 de junio de 2020por kuhelbeher3 respuestas
Reacciones 0

Problema con Link y CKEditor

Hay un problema con Link y CKEditor. He activado la propiedad editable para <a> las etiquetas: '''javascript CKEDITOR.dtd.$editable.a = 1; ``` Y cuando hago doble clic en el enlace, es editable, todo funciona como debe. Pero cuando termino de editar e intento editarlo de nuevo, no puedo hacerlo. ! simplescreenrecorder...

artf

Por favor, crea una demo reproducible

kuhelbeher

@artf Aquí está: https://codesandbox.io/s/link-ckeditor-8md7v?file=/src/index.js

artf

Veo que el contenteditable sigue siendo 'falso', que es la causa del error, pero no estoy seguro de cuál es la causa. También podría ser el CKEditor el que impide la propagación por alguna razón. Si alguien está dispuesto a ayudar, se lo a...

#282712 de junio de 2020por AndiswamyDevRespuesta 1
Reacciones 0

¿No se pudo hacer que el texto fuera editable después de ejecutar el comando "editor.getSelected().view.disableEditing()"? ¿Algún comando alternativo para que se convierta en texto editable?

Hola @artf, Actualmente estoy trabajando en personalizar la propiedad del enlace, así que a mitad de mi flujo necesito restringir el texto seleccionado para que sea ineditable (para obtener la lista exacta de componentes de texto), y al hacerlo, no podría realizar más acciones RTE (para desvincular). Seguí nuestras gu...

artf

Solo usa la propiedad 'editable' (por ejemplo, 'editor.getSelected().set('editable', false)')

#282612 de junio de 2020por tonypartridge2 respuestas
Reacciones 1

¿Lista de selección personalizada a componente de texto?

Hola a todos. Ya lo he visto antes, pero ahora no lo encuentro por nada del mundo. Básicamente, en el componente de texto tenemos la barra superior: https://gyazo.com/754513edcebbb0566f18e384d3eba453 ¿Cómo podemos insertar aquí una lista selecta, por ejemplo? Nombre Correo electrónico Teléfono que inserta: {{NOMBRE}}...

RJCAM

Hola @tonypartridge aquí tienes un código de ejemplo para conseguir eso Puedes ver en la documentación para más detalles: https://grapesjs.com/docs/api/richtexteditor.html#add

artf

@tonypartridge probablemente te refieras a este https://github.com/artf/grapesjs/issues/481#issuecomment-342282125

#282511 de junio de 2020por Leozinho03 respuestas
Reacciones 2

¿Cómo añado el archivo CSS de mis clases cuando uso componentes?

Tengo este componente: editor. BlockManager.add('rodape', { etiqueta: '3 Colunas', Contenido: { etiquetaNombre: 'div', Arrastrable: Cierto, atributos: { clase: 'row' }, estilo: { 'pantalla': 'flexión', 'justificar-contenido': 'arranque flexible', 'alinear-ítems': 'estirar', 'flex-wrap': 'nowrap', 'acolchado': '10px',...

RJCAM

Hola, @Leozinho0 Puedes hacerlo así:

RJCAM

De hecho, el código que te doy funciona, para ver a qué me refiero, prueba esto:Coloca un componente creado a medida en Canvas, como has dicho no cargará el estilo ".row" de CSSAhora suelta cualquier bloque de columna dentro del lienzo, y...

Leozinho0

Hola. Gracias por responder. No funciona. Si compruebas https://grapesjs.com/demo.html cuando añades un componente (por ejemplo: 3 columnas) y haces clic para exportar el html, verás que carga las clases .row y .cell.

#282411 de junio de 2020por tonypartridge3 respuestas
Reacciones 0

¿Los objetos arrastrados no se posicionan con la resistencia inicial?

Así que cuando arrastro un componente o objeto desde la barra hasta el centro, no va a donde le dije... ¿Siempre va aproximadamente un 20% del ancho de página hacia un lado? Una vez añadido, es ajustable. Mira este gif: https://gyazo.com/87076de55a1853e80b5dd7ea14ccb94e ¿Alguien tiene alguna sugerencia?

RJCAM

Hola @tonypartridge ¿Tienes la última versión de GrapesJS? Esto me funciona bien con el 'dragMode: "absoluto",' Consulta este código básico a continuación:

artf

sí... De hecho, puedo reproducir el mismo problema cuando se activa una vista de dispositivo más pequeña, probablemente algún tipo de regresión. Necesito tiempo para investigar, pero ahora mismo estoy un poco ocupado con otras cosas y arra...

soltanloo

Tengo el mismo problema cuando uso el modo absoluto de arrastre. Los bloques siempre se caen del lienzo y tengo que desplazarme para recogerlos y colocarlos en la posición original deseada. @tonypartridge ¿Has encontrado alguna forma de ar...

#282311 de junio de 2020por Sameedkhan25Respuesta 1
Reacciones 0

He usado este método para cargar fuentes, funcionando bien en Chrome pero mostrando la lista original de fuentes en Safari

editor.on('load', function () { styleManager = editor. StyleManager; fontProperty = styleManager.getProperty('Tipografía', 'familia de fuentes'); var list = []; fontProperty.set('list', lista); Lista = [ fontProperty.addOption({value: "'Oswald', sans-serif", nombre: 'Oswald'}), fontProperty.addOption({value: "Helvetic...

artf

Comprueba si tu Safari no muestra el contenido en caché y carga la fuente correctamente, ya hemos hablado de lo mismo aquí https://github.com/artf/grapesjs/issues/2716

#282211 de junio de 2020por Lighost2 respuestas
Reacciones 0

SVG no es visible en el editor

Hola, He necesitado poner SVG en mi proyecto, así que usé un componente de código personalizado para este propósito. Pero cuando copio contenido SVG a un componente no muestra nada. Pero cuando miro el índice generado, el svg se ve. He probado lo mismo en el editor de demos, pero allí no se ve ni en el editor ni en el...

RJCAM

Hola @Lighost Creo que el problema es ese SVG porque es el único que no funciona correctamente. Esto puede tener algún código que el propio Custom Block no está entendiendo correctamente. Una solución es guardar el SVG localmente y elimina...

Lighost

@RJCAM Sí, lo sé, ya lo he hecho, como insertar SVG como IMG. Pero en mi caso realmente necesito insertarlo como objeto svg, porque tengo que hacer algunos efectos de hover con el atributo de relleno. En cualquier caso, de alguna manera ha...

#282110 de junio de 2020por tonypartridge2 respuestas
Reacciones 0

¿Forzar la actualización de los recursos?

Hola, Cuando almacenamos y cargamos GrapeJS, funciona bien manejándolo remotamente en JSON 🙌 Sin embargo, carga los activos existentes sin refrescar con los nuevos. ¿Cuál es la mejor manera de evitar almacenar recursos o forzar una actualización de recursos?

artf

¿Puedes poner tu código, por favor?

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

Explora todos los temas