Hola, soy nuevo en tu proyecto, pero me encanta. Tengo un pequeño problema con los atributos de la imagen.
Intenta sobreescribir desde el tipo 'imagen' en vez del tipo 'por defecto'
Lee la respuesta completa abajo ↓Pregunta
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 perfectamente y me permite editar los atributos de la imagen por ancho y altura. El problema es que ahora el gestor de activos ya no funciona. Si desactivo mis cambios, el gestor de activos vuelve a funcionar. ¿Hay alguna forma de que ambos funcionen? ¿Mis nuevos rasgos y el gestor de recursos para imágenes?
Aquí está mi código para añadir los nuevos rasgos. Para activarlo simplemente llamo al nombre de la función como un plugin. ¿He hecho algo mal, quizá? Por favor, ayudadme!!!
'''js función AddImageTraits(editor) { var domComps = editor. DomComponents; var dType = domComps.getType('default'); var dModel = dType.model; var dView = dType.view; domComps.addType('image', { model: dModel.extend({ defaults: Object.assign({}, dModel.prototype.defaults, { Rasgos: [ Las cadenas se convierten automáticamente en tipos de texto 'nombre', 'id', 'alt', 'ancho', 'altura' ] }), }, { isComponent: function (el) { if (el.tagName == 'IMG') { return { Tipo: 'Imagen' }; } }, }), vista: dVista, });
Respuestas (3)
Intenta sobreescribir desde el tipo 'imagen' en vez del tipo 'por defecto'
Como ya mencionó @arthuralmeidap tienes que ampliar el componente de 'imagen'. Así que en tu caso (usando la última versión de grapesjs) podría ser simplemente: '''js editor. DomComponents.addType('image', { modelo: { Predeterminados: { Rasgos: ['Nombre', 'ID', 'Alt', 'Ancho', 'Altura'] } } });
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.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1623
Mismo diseño para todos los bloques
Hola @artf, esto en realidad no es un error, pero me gustaría preguntar Si existe algo como el diseño global para cada bloque. por ejemplo,...
Issue #511
No se puede editar el contenido después de actualizarlo mediante la API del gestor de bloques
Hola @artf perdón por mi último problema, debo crear un nuevo problema, mi problema tiene un error como este EDITO: perdón, acabo de arregl...
Issue #582
Problema con la imagen de fondo
Hola @artf otro problema al usar el gestor personalizado: ¿qué ponemos en las imágenes de fondo? editor.getSelected().set('src', URL) no fu...
Issue #932
Configurar la imagen de fondo da lugar a reglas de estilo duplicado
Hola @artf, Tengo un pequeño problema extraño. Tengo un rasgo personalizado que tiene una implementación para configurar imágenes e imágene...
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.