Issue #2188✓ ResueltoAbierto el 11 de agosto de 2019por TheComputerMReacciones 4

Cómo cambiar tagName usando rasgos.

Respuesta rápidapor TheComputerM2

Lo solucioné después de buscar un poco en internet. Añade este rasgo '''js 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: '...

Lee la respuesta completa abajo ↓

Pregunta

Hola, Quiero lograr esto: Cuando el usuario hace clic en una etiqueta de encabezado H1, H2, H3 ... Quiero que aparezca un rasgo (de tipo select / desplegable) que permita cambiar la etiqueta Name del encabezado

Respuestas (3)

👍 Muy útilTheComputerM11 de agosto de 2019

Lo solucioné después de buscar un poco en internet. Añade este rasgo '''js 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: 1, }, ],

Buddhilive6 de mayo de 2024

@hosseinghs probar esto. Esto es igual que @TheComputerM implementaba el código antes. Y funciona bien.

'''s this.editor.Components.addType('headings', { isComponent: el => el.tagName.startsWith('H') && Number.parseInt(el.tagName.slice(1)) <= 6, modelo: { Predeterminados: { Rasgos: [ { tipo: 'select', Opciones: [ { id: 'h1', valor: 'h1', nombre: 'Rumbo 1' }, { id: 'h2', valor: 'h2', nombre: 'Rumbo 2' }, { id: 'h3', valor: 'h3', nombre: 'Rumbo 3' }, { id: 'h4', valor: 'h4', nombre: 'Rumbo 4' }, { id: 'h5', valor: 'h5', nombre: 'Rumbo 5' }, { id: 'h6', valor: 'h6', nombre: 'Rumbo 6' }, ], etiqueta: 'Tamaño', nombre: 'etiquetaNombre', cambioProp: cierto, }, ], }, }, });

hosseinghs18 de septiembre de 2022

Hola, ¡yo intento hacer lo mismo! Mi problema es que cuando hago clic en una de las opciones de Rasgos, ¡mi elemento de encabezado no se actualiza a un nuevo encabezado! ¿Puedes ayudarme?

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.