Permite solo una etiqueta h1 en cada página
@pouyamiralayi gracias como siempre por el enorme apoyo ❤️ Por cierto, @ikenderham ten en cuenta '''js editor.getComponents().filter(comp => comp.get('tagName') == tag).length > 1
Lee la respuesta completa abajo ↓Pregunta
Hola
¿Es posible permitir solo una etiqueta h1 en cada página?
Necesito asegurarme de que solo podemos arrastrar una etiqueta h1 al lienzo. ¿Qué hacer? :-)
Respuestas (3)
@pouyamiralayi gracias como siempre por el enorme apoyo ❤️
Por cierto, @ikenderham ten en cuenta '''js editor.getComponents().filter(comp => comp.get('tagName') == tag).length > 1
es correcto pero solo si es necesario comprobar componentes como primeros hijos de 'editor.getComponents()' (que devuelve hijos del envoltorio principal)
Si necesitas revisar TODOS los componentes (incluidos los hijos anidados) puedes usar esto
'''js
editor.getWrapper().find('h1').longitud > 1
@ikenderham
editor.on('component:add', component => {
etiqueta const = component.get('tagName')
if (etiqueta == 'h1') {
if (editor.getComponents().filter(comp => comp.get('tagName') == tag).length > 1) {
component.remove()
}
}
})
¡Salud!
¡Eres tan amable! ¿Cómo puedo darte las gracias? ¡Muchas gracias! Khdafesممنون Mañana probaré este ejemplo en el trabajo. ¡Te acabo de seguir en github!
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2776
[PREGUNTA] ¿Es posible usar grapejs para documentos imprimibles?
Hola, tengo la necesidad de crear un editor de plantillas de arrastrar y soltar para una aplicación de escritorio, para generar informes bo...
Issue #1504
[Pregunta] Altura dinámica
Hola: ¿Es posible tener una instancia de GrapesJS con altura dinámica, es decir, el editor ajusta al tamaño del contenido? Lo que intento h...
Issue #577
Solo permite un componente de tipo específico en el editor
¿Hay alguna forma de no permitir que ningún componente específico se deshaga más de una vez en la página? Tengo un componente personalizado...
Issue #1096
[SOLICITUD DE FUNCIÓN] Soportar diseños de renderizado que no forman parte del contenido editable
Básicamente, mi caso de uso es que quiero mostrar toda una página —con cabecera, menú(s) y pie de página— en el lienzo del editor, pero sol...
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.