Bloque de citas
La función de bloque de citas le permite insertar y formatear texto citado en un documento, con un estilo visual que distingue las citas del contenido normal.
Introducción
En Univer Docs, los bloques de citas le permiten para:
- Dar formato al texto citado: aplique un estilo distintivo a las citas.
- Contenido anidado: incluya contenido enriquecido dentro de los bloques de comillas.
- Salida fácil: salga rápidamente del formato de comillas desde párrafos vacíos.
Modo de complemento
Instalación
Shell
pnpm add @univerjs-pro/docs-quote @univerjs-pro/docs-quote-uiShell
npm install @univerjs-pro/docs-quote @univerjs-pro/docs-quote-uiShell
yarn add @univerjs-pro/docs-quote @univerjs-pro/docs-quote-uiShell
bun add @univerjs-pro/docs-quote @univerjs-pro/docs-quote-uiUso
TypeScript
import { UniverDocsQuotePlugin } from '@univerjs-pro/docs-quote'import { UniverDocsQuoteUIPlugin } from '@univerjs-pro/docs-quote-ui'import DocsQuoteUIEnUS from '@univerjs-pro/docs-quote-ui/locale/en-US'import { LocaleType, mergeLocales, Univer } from '@univerjs/core'import '@univerjs-pro/docs-quote-ui/lib/index.css'const univer = new Univer({ locale: LocaleType.EN_US, locales: { [LocaleType.EN_US]: mergeLocales( DocsQuoteUIEnUS, ), },})univer.registerPlugin(UniverDocsQuotePlugin)univer.registerPlugin(UniverDocsQuoteUIPlugin)Si tiene una licencia comercial de Univer, consulte Uso de la licencia en 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-quote-ui | UniverDocsQuoteUIPlugin | UniverDocsQuoteMobileUIPlugin |
API de fachada
Asegúrese de importar la fachada antes de usar la API:
TypeScript
import '@univerjs-pro/docs-quote/facade'Obtener todos los bloques de cotización
TypeScript
const doc = univerAPI.getActiveDocument()const quotes = doc?.getQuotes() ?? []Insertar un bloque de cotización
TypeScript
const doc = univerAPI.getActiveDocument()const quote = doc?.insertQuote({ startOffset: 12, endOffset: 35,})Definir el color de línea de la cita
TypeScript
const quote = univerAPI.getActiveDocument()?.getQuote('quote-block-id')quote?.setLineColor('#5B5FC7')Definir el color de texto de la cita
TypeScript
const quote = univerAPI.getActiveDocument()?.getQuote('quote-block-id')quote?.setTextColor('#242424')¿Cómo es esta guía?