Issue #738💬 RespondidoAbierto el 10 de enero de 2018por theanhmxReacciones 0

La imagen volvió al tamaño original tras redimensionarse

Respuesta rápidapor artf

¿Estás seguro de que no hay estilos extraños cargados que obliguen a IMG Style? Intenta inspeccionar y ver si realmente cambia el estilo

Lee la respuesta completa abajo ↓

Pregunta

Hola, tengo un problema extraño con el componente: Tengo 2 tipos: imagen e icono '''js domComponents.addType('icon', { model: imageModel.extend({ por defecto: Object.assign({}, imageModel.prototype.defaults, { rasgos: [{ Tipo: 'texto', etiqueta: 'URL de icono', Nombre: 'SRC', cambioprop: 1 }], removible: falso, arrastrable: falso, Droppable: falso, Badgable: falso, Estilizado: falso, Resaltable: Cierto, copiable: falso, redimensionable: falso, Editable: Cierto, Seleccionable: Verdadero }) }, { isComponent: function(el) { if (el.getAttribute !== undefined && el.getAttribute('deletetable') == '0' && el.tagName == 'IMG') { return { Tipo: 'icono' }; } } }), view: imageView.extend({ inicializar: función() { var defaultClickEventHandler = this.events.click || función() {}; var defaultDblClickEventHandler = this.events.dblclick || función() {}; defaultView.prototype.initialize.apply(esto, argumentos); this.events.dblclick = función() { console.log('dblclick'); }; } }), onValueChange: function() { this.target.set('src', this.model.get('value')); } });

domComponents.addType('image', { model: imageModel.extend({ por defecto: Object.assign({}, imageModel.prototype.defaults, { rasgos: [{ Tipo: 'texto', etiqueta: 'URL de la imagen', Nombre: 'SRC', cambioprop: 1 }] }) }, { isComponent: function(el) { if (el.tagName == 'IMG') { return { Tipo: 'Imagen' }; } } }), ver: imageView, onValueChange: function() { this.target.set('src', this.model.get('value')); } });

El problema es que cuando arrastro y suelto por primera vez el componente de imagen, puedo redimensionarlo y guardarlo,
Pero cuando vuelvo a cargar la plantilla, no puedo volver a redimensionar la imagen.
Puedo ajustar el tamaño de la imagen, pero después de un par de segundos se revierte.
He notado que se activan eventos Component:Update y Component:StyleUpdate.
¿Tiene esto algo que ver con el ciclo de digestión de AngularJS?
Lo uso con Angular 1.3
  

Respuestas (3)

artf10 de enero de 2018

¿Estás seguro de que no hay estilos extraños cargados que obliguen a IMG Style? Intenta inspeccionar y ver si realmente cambia el estilo

theanhmx11 de enero de 2018

Sí, puedo ver que cambia en el almacenamiento local. Pero al poco tiempo volvió a su lugar

artf11 de enero de 2018

¿Eres capaz de reproducirlo con un ejemplar en vivo?

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.