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 #3331
Gestor de activos personalizado
Hola @artf Seguí la documentación para crear un nuevo tipo de gestor de activos Aquí (https://codepen.io/abhi_punk81/pen/MWbWzaq) He creado...
Issue #3409
Propiedad de componente personalizada que no es un rasgo
Me gustaría crear un componente personalizado con una propiedad que se actualice según un código específico, pero no quiero que esta propie...
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.