Lista mejorada
La función de lista mejorada proporciona capacidades de lista avanzadas para Univer Docs, incluidas listas anidadas, glifos personalizados y manipulación flexible de listas.
Introducción
En Univer Docs, las listas mejoradas le permiten:
- Crear listas anidadas: crear jerarquías de listas de varios niveles.
- Personalizar glifos: usar diferentes símbolos de viñetas y numeración estilos.
- Manipular la estructura de la lista: promocionar, degradar y reordenar elementos de la lista.
Modo de complemento
Instalación
Shell
pnpm add @univerjs-pro/docs-list @univerjs-pro/docs-list-uiShell
npm install @univerjs-pro/docs-list @univerjs-pro/docs-list-uiShell
yarn add @univerjs-pro/docs-list @univerjs-pro/docs-list-uiShell
bun add @univerjs-pro/docs-list @univerjs-pro/docs-list-uiUso
TypeScript
import { UniverDocsListPlugin } from '@univerjs-pro/docs-list'import { UniverDocsListUIPlugin } from '@univerjs-pro/docs-list-ui'import DocsListUIEnUS from '@univerjs-pro/docs-list-ui/locale/en-US'import { LocaleType, mergeLocales, Univer } from '@univerjs/core'import '@univerjs-pro/docs-list-ui/lib/index.css'const univer = new Univer({ locale: LocaleType.EN_US, locales: { [LocaleType.EN_US]: mergeLocales( DocsListUIEnUS, ), },})univer.registerPlugin(UniverDocsListPlugin)univer.registerPlugin(UniverDocsListUIPlugin)Si tiene una licencia comercial de Univer, consulte Uso de la licencia en el cliente para la configuración.
Compatibilidad móvil
Configure primero el editor móvil. En la inicialización en modo plugin de esta página, sustituya los registros de escritorio siguientes por las exportaciones móviles de los mismos paquetes antes de abrir un documento. Conserve modelos, estilos, traducciones e importaciones Facade; no registre ambas variantes.
| Paquete | Registro de escritorio | Registro móvil |
|---|---|---|
@univerjs-pro/docs-list-ui | UniverDocsListUIPlugin | UniverDocsListMobileUIPlugin |
API de fachada
Asegúrese de importar la fachada antes de usar la API:
TypeScript
import '@univerjs-pro/docs-list/facade'Insertar una lista
TypeScript
import { PresetListType } from '@univerjs/core'const doc = univerAPI.getActiveDocument()doc?.insertList({ startOffset: 0, endOffset: 10, listType: PresetListType.BULLET_LIST,})Obtener todas las listas
TypeScript
const doc = univerAPI.getActiveDocument()const lists = doc?.getLists() ?? []Establecer tipo de glifo de lista
TypeScript
const doc = univerAPI.getActiveDocument()doc?.setListGlyphType(0, ListGlyphType.DECIMAL)Establecer nivel de lista
TypeScript
const doc = univerAPI.getActiveDocument()doc?.setListLevel(0, 1)¿Cómo es esta guía?