Cómo cambiar tagName usando rasgos.

Question

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

TheComputerM · Accepted Answer

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, }, ], ```

Buddhilive · Answer

@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' },...

hosseinghs · Answer

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?

Cómo cambiar tagName usando rasgos.

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

Vincular texto/html interno (como div, p, h1) a Trait

Cómo cambiar el desplegable extra para el rasgo de cambio de enlace

<Tbody> dentro <Table>

Tipo de componente personalizado no encontrado y rasgos que no funcionan tras cargar la página

Plugins de pago que cumplen con este problema

Explorar categorías de plugins