Añadir rasgo hace que el elemento no sea editable
Tu componente debería extender el de 'texto'
Lee la respuesta completa abajo ↓Pregunta
Hola,
Quería añadir un rasgo que me permita editar la etiqueta de encabezado de un componente.
Pude lograrlo siguiendo el código que aparece
editor. DomComponents.addType('heading', {
isComponent: el => el.tagName == 'H1' || el.tagName == 'H2' || el.tagName == 'H3' || el.tagName == 'H4' || el.tagName == 'H5' || el.tagName == 'H6',
modelo: {
Predeterminados: {
Rasgos: [
{
tipo: 'select',
Opciones: [
{ valor: 'h1', nombre: 'Rumbo 1' },
{ valor: 'h2', nombre: 'Rumbo 2' },
{ valor: 'h3', nombre: 'Rumbo 3' },
{ valor: 'h4', nombre: 'Rumbo 4' },
{ valor: 'h5', nombre: 'Rumbo 5' },
{ valor: 'h6', nombre: 'Rumbo 6' },
],
etiqueta: 'Tamaño',
nombre: 'etiquetaNombre',
cambioProp: cierto,
}
]
}
}
});
};
He encontrado la solución en este problema
Pero no permite editar el componente cuando se hace doble clic.
Cómo habilitar la edición del componente de encabezado, como el de texto manteniendo la función de nombre de etiqueta.
-Gracias
Respuestas (2)
Tu componente debería extender el de 'texto'
Quiero añadir varios mensajes de texto addType, pero estoy teniendo un problema que el último que añadí solo aceptará.??
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3732
El tipo de componente de comentario no soporta añadir rasgos
Estoy trabajando en un script que añade un rasgo a todos los tipos de componente, pero el tipo de comentario no tiene el objeto prototipo....
Issue #2188
[PREGUNTA] Cómo cambiar tagName usando rasgos.
Hola, Quiero lograr esto: Cuando el usuario hace clic en una etiqueta de encabezado H1, H2, H3 ... Quiero que aparezca un rasgo (de tipo se...
Issue #2549
[PREGUNTA] Actualizar vista de componentes al cambiar la propiedad
Hola a todos, Estoy intentando crear un componente que actualice su vista en función del valor de una propiedad '''javascript editor. DomCo...
Issue #639
Rerenderizar el componente en Canvas cuando el nombre de la etiqueta ha cambiado
Estoy intentando construir un componente básico de encabezado que te permita seleccionar de H1 a H6 con un rasgo. Pero cuando se selecciona...
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.