Интеграция в Web Component
Если вы ищете информацию о том, как использовать веб-компоненты в качестве пользовательских компонентов, обратитесь к этому разделу.
Univer можно интегрировать в веб-компоненты.
Пример
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>Насколько полезно это руководство?