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

#203224 de mayo de 2019por yrbnRespuesta 1
Reacciones 0

¿Cómo eliminar componentes innecesarios?

@artf cerraste mi problema antes de que aprobara que la respuesta sea correcta. Quiero que Grape Js no envolva el enlace con ningún bloque (enlace, texto, etc.). ¿Es posible?

artf

Por favor, evita abrir nuevos temas para continuar la discusión de otro...

#203023 de mayo de 2019por ohmyvanderRespuesta 1
Reacciones 0

¿Es posible personalizar un bloque que cargue datos desde la base de datos?

Por ejemplo, quiero crear un bloque de barra de navegación personalizado y complejo. Dispone de varias zonas de navegación de primer nivel, y cada una de ellas también dispone de varias rutas de segundo nivel. Los datos de la barra de navegación se cargan desde la base de datos. Y cuando lo arrastro al lienzo, puedo m...

artf

Claro, pero en ese caso, te sugeriría crear un componente personalizado. Aquí un ejemplo/pseudocódigo de cómo activar una función asíncrona para cambiar el contenido del componente '''js editor. DomComponents.addType('my-custom-component',...

#202923 de mayo de 2019por arachnosoft3 respuestas
Reacciones 3

Grapesjs lanza un DOMException si importas contenido HTML con atributos inválidos (numerados)

Hola @artf, Recibimos un informe que indica que cuando importas código HTML con atributos incorrectos, como '<td class="cell" 01234="0" >¡Hola mundo! </td>` grapes.js lanza la siguiente DOMException No Capturada: No se ejecutó 'setAttribute' en 'Element': '01234' no es un nombre de atributo válido. en HTMLTableCellEle...

arachnosoft

Para que te mantengas informado, apliqué la solución de intentar y atrapar que @ankx06 y @artf a nuestro código, pero de forma genérica. Quería asegurarme de que la excepción se detectara en todos los casos en que se llame a setComponents(...

ankx06

@jmchaves esto no se llama desde ningún evento. Esta es la función para actualizar los componentes internos/html de los componentes.

ankx06

También me he encontrado con este problema al configurar un atributo/estilo inválido para la altura/ancho de la imagen. Actualmente, he manejado usando un bloqueo try-catch '''js static updateInnerHTMLofComponent(component, newContent) { P...

#202823 de mayo de 2019por WebEtSolutions2 respuestas
Reacciones 0

La unidad no cambia en el tipo compuesto

Hola, Tengo un error en tu :( 1- En el estilo, en el texto "Construye tus plantillas sin programar", pon TOP en 5px 2- En el mismo elemento, ajusta Dimensión > Margen > Top a 10px 3- En el botón "Pasar el cursor a mí", pon TOP en 1% y Margin > Top en 2% 4- Selecciona "Construye tus plantillas ..." El cambio de valor S...

WebEtSolutions

Para solucionar este problema, debes cambiar PropertyView.targetUpdated() y cambiar esta línea 'let targetValue = this.getTargetValue({ ignoreDefault: 1 });' por este 'let targetValue = this.getTargetValue({ ignoreDefault: 1, ignoreCustomV...

artf

Gracias@WebEtSolutions no estoy del todo seguro de la solución, pero el error está confirmado

#202722 de mayo de 2019por sdrebel2 respuestas
Reacciones 0

Cómo añadir rasgos dinámicamente basándose en la selección desplegable

Hola @artf, Tengo un componente personalizado con rasgos personalizados. Cuando selecciono la opción en el desplegable, hay que añadir más campos según la selección. ¿Cómo lo hago? Desplegable ! antes Campos extra ! después El código está abajo, he añadido el oyente pero no aparece la opción de añadir nuevos campos a...

sdrebel

He probado esto debajo del código y está añadiendo el array de rasgos. Pero no reflejado en el editor. domComps.getType('linking').model.prototype.defaults.traits.push({ nombre: 'producto' })

sdrebel

Encontré la solución con el código más reciente. this.addTrait({ type: 'checkbox', nombre: 'muted' })

#202621 de mayo de 2019por alikabeer322 respuestas
Reacciones 1

El gestor de estilos funciones css (por ejemplo: transform: rotate(90degree)) acepta solo un parámetro

Me gustaría proporcionar una opción para la función css translate(x,y), pero el parámetro addProperty functionName solo acepta un parámetro como entrada. Intenté usar translateX() y translateY() pero no funcionan simultáneamente. Agradecería que alguien pudiera decirme algún otro método para conseguir el efecto desead...

adamyarger

@alikabeer32 me he encontrado con el mismo problema antes, tienes que establecer el valor 'por defecto' para translateY y translateX, ya que la propiedad de transformación en css se comparte tanto entre translateX como translateY. por ejem...

alikabeer32

¡Sí! Era la solución perfecta. ¡Gracias!

#202521 de mayo de 2019por MisterFK3 respuestas
Reacciones 1

El enlace no es editable en EDGE

Hola, El componente de enlace no se puede editar en EDGE. Pruebo la demo de Grapesjs y el mismo problema ocurre. ¿Sabes cómo resolver este problema, por favor? ¡Gracias!

zgover

¿Sigues usando/soportando IE? 🤔 Déjalo morir ya...

kkifa

Veo el mismo comportamiento en la última versión de Edge. Después de arrastrar el bloque 'Enlace' o 'Botón' al lienzo, puedo seleccionar el texto de etiqueta haciendo doble clic, y puedo insertar un haz de 'I' haciendo un solo clic dentro...

artf

Cerrar esto ya no parece ser un problema

#202420 de mayo de 2019por charlieshum1Sin respuestas
Reacciones 0

Colisión CSS por bloques con reglas CSS ya definidas en plantilla

Para estilos específicos de bloques recomendaría usar simplemente la etiqueta 'style''''jscontenido: '<sección clase="grande-héroe">...</section><style>.gran héroe{...} ....</style>, Hola @artf Al usar <style> etiqueta para definir estilos dentro del 'contenido', después de que el bloque se deja caer en el lienzo, las...

#202319 de mayo de 2019por Amir2828Respuesta 1
Reacciones 0

TUI Editor

Hola a todos, Tengo un problema con el plugin de editor TUI, Si intento editar una imagen recién actualizada que ha pasado por el gestor de recursos, todo funciona bien. Pero si intento editar una imagen ya existente en una página existente, la TUI no reconoce la imagen y abre el editor sin que ninguna imagen se muest...

artf

Repositorio incorrectoCrear al menos una demo del número

#202217 de mayo de 2019por shaunc8692 respuestas
Reacciones 0

RSS Feed

¡Hola! Tengo una pregunta, busqué pero no encontré respuesta, ¿existe algún componente que extraiga un feed RSS y lo formatee en la página? MailChimp y Campaign Monitor hacen esto, aquí tienes un ejemplo de feed: http://www.homecaredaily.com/feed/ sé que parte de esto se hace en servidor, pero solo quiero saber si alg...

artf

Hola Shaun, creo que no debería ser tan complejo de implementar si lees cómo funcionan Componentes y Rasgos. Debería ser algo así (tómalo como un pseudocódigo): '''js editor. DomComponents.addType('rss-feed', { modelo: { Predeterminados: {...

shaunc869

¡Esto es increíble, muchas gracias!

Explora todos los temas