useTypography

useTypography() es el composable de control de propiedades de texto para los paneles de edición de texto.

Expone:

• familia tipográfica
• peso tipográfico
• tamaño de fuente
• estado de formato
• estado de fuente faltante
• helpers para cambiar familia, peso, alineación y decoraciones

Uso

import { useTypography } from '@open-pencil/vue'

const typography = useTypography()

Ejemplo básico

const {
  fontFamily,
  fontWeight,
  fontSize,
  activeFormatting,
  setFamily,
  setWeight,
  setAlign,
} = useTypography()

Ejemplos prácticos

Cargar y cambiar una familia tipográfica

const typography = useTypography({
  loadFont: async (family, style) => {
    await myFontLoader(family, style)
  },
})

Alternar el formato

typography.toggleBold()
typography.toggleItalic()
typography.toggleDecoration('UNDERLINE')

APIs relacionadas

• useTextEdit
• useSelectionState