La imagen volvió al tamaño original tras redimensionarse
¿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)
¿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
Sí, puedo ver que cambia en el almacenamiento local. Pero al poco tiempo volvió a su lugar
¿Eres capaz de reproducirlo con un ejemplar en vivo?
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #852
[PREGUNTA] ¿Cómo cambiar <a> el contenido de los rasgos?
Estoy reafirmando un tipo de enlace así: Cuando se crea mi botón ('<a>'), se crea así: '<a class="btn botao-roxo">Botão</a>' Me gustaría sa...
Issue #1155
Componente personalizado usado como HTML en bloque
He ampliado el componente de imagen por defecto '''js Export default (editor) => { const domComponents = editor. DomComponents; const image...
Issue #1715
Hola, soy nuevo en tu proyecto, pero me encanta. Tengo un pequeño problema con los atributos de la imagen.
He añadido dos rasgos nuevos al gestor de rasgos para imágenes. Anchura y altura. Lo añadí como plugin siguiendo tu ejemplo. Funciona perfe...
Issue #709
isComponent no está devolviendo el rasgo
¡Feliz año nuevo! Estoy teniendo un problema con 'isComponent()'. Aquí está mi código: Por alguna razón, la única vez que el rasgo aparece...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.