Integrar en Web Component
Si está buscando cómo utilizar componentes de componentes web como componentes personalizados, consulte aquí.
Univer se puede integrar en componentes web.
Ejemplo
El siguiente código es un ejemplo de integración de Univer en un componente web utilizando Iluminado.
TypeScript
import type { Univer } from '@univerjs/presets'import { UniverSheetsCorePreset } from '@univerjs/preset-sheets-core'import UniverPresetSheetsCoreEnUS from '@univerjs/preset-sheets-core/locales/en-US'import { createUniver, LocaleType, mergeLocales } from '@univerjs/presets'import '@univerjs/preset-sheets-core/lib/index.css'class UniverEditorElement extends HTMLElement { private univer?: Univer connectedCallback() { if (this.univer) return const container = this const { univer, univerAPI } = createUniver({ locale: LocaleType.EN_US, locales: { [LocaleType.EN_US]: mergeLocales( UniverPresetSheetsCoreEnUS, ), }, presets: [ UniverSheetsCorePreset({ container, }), ], }) univerAPI.createWorkbook({}) this.univer = univer } disconnectedCallback() { this.univer?.dispose() this.univer = undefined }}customElements.define('univer-sheets-editor', UniverEditorElement)HTML
<univer-sheets-editor style="display: block; height: 600px"></univer-sheets-editor>¿Cómo es esta guía?