Tipo personalizado no reconocido en la importación
Hola, Para que conste, cuando intento cambiar el retorno de isComponent, con un tipo definido en un plugin como este : 'isComponent: el => { if (el.tagName === 'DIV' && (typeof el.classList !== 'undefined' && el.classList.contains('imagelink-class'))) { return { type: 'marketing-button' }; } },` la importación reconoc...
Lee la respuesta completa abajo ↓Pregunta
Hola, Consigo crear un nuevo tipo que contiene una imagen clickable. Pero, desafortunadamente, el nuevo tipo personalizado no es reconocido por el analizador HTML al importar. Aquí está mi nuevo código fuente tipo: 'Editor. DomComponents.addType('imagelink', { isComponent: el => { if (el.tagName === 'DIV' && (typeof el.classList !== 'undefined' && el.classList.contains('imagelink-class'))) { return { type: 'imagelink' }; } }, modelo: { Predeterminados: { etiquetaNombre: 'div', redimensionable: {keepAutoHeight: true}, Atributos: {clase: 'Clase Enlace Imagen', "Tipo de Datos": "Enlace Imagen"},...
Respuestas (3)
Hola, Para que conste, cuando intento cambiar el retorno de isComponent, con un tipo definido en un plugin como este : 'isComponent: el => { if (el.tagName === 'DIV' && (typeof el.classList !== 'undefined' && el.classList.contains('imagelink-class'))) { return { type: 'marketing-button' }; } },` la...
Otra curiosidad que podría ser lógica... Si intentara poner una función exótica isComponent así: 'if (el.tagName === 'ABCDE') { return { type: 'imagelink' }; }` Y cuando intento importar este texto html: '<abcde>prueba</abcde>' El plugin detecta correctamente mi tipo personalizado "imagelink". PERO...
Creo que te estás perdiendo el sentido de los componentes. Tienes uno personalizado ('imagelink') y luego uno interno ('img'), así que el editor lo muestra y no veo problemas aquí. Para ver los rasgos del componente personalizado tienes que seleccionarlo y no tiene nada que ver con la imagen interna
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2076
¿Cómo crear un nuevo componente que permita directivas de la hoja Laravel?
Hola, gracias por el buen trabajo. Me gustaría saber si hay alguna forma de usar las directivas de las cuchillas dentro del código. Ya añad...
Issue #1826
¿Cómo añadir un enlace a una imagen?
Hola Artur, ! captura ¿Cómo añadir un enlace a esta imagen? Si necesito crear un componente personalizado, por favor dadme algún código de...
Issue #1931
¿Cómo insertar una imagen dentro del enlace?
Hola @artf, ¿Cómo puedo insertar una imagen dentro del enlace? Por favor, compartid vuestras ideas sobre lo que necesito hacer. Si necesito...
Issue #1805
Definir un nuevo componente de imagen
Soy nuevo en GrapesJs y no consigo averiguar cómo crear un componente de imagen. Por ejemplo, tengo una etiqueta img y he definido el src,...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.