Web SDK

Интеграция в Web Component

Если вы ищете информацию о том, как использовать веб-компоненты в качестве пользовательских компонентов, обратитесь к этому разделу.

Univer можно интегрировать в веб-компоненты.

Пример

TypeScript
import type { Univer } from '@univerjs/presets'import { UniverDocsCorePreset } from '@univerjs/preset-docs-core'import UniverPresetDocsCoreEnUS from '@univerjs/preset-docs-core/locales/en-US'import { createUniver, LocaleType, mergeLocales } from '@univerjs/presets'import '@univerjs/preset-docs-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(          UniverPresetDocsCoreEnUS,        ),      },      presets: [        UniverDocsCorePreset({          container,        }),      ],    })    univerAPI.createDocument({})    this.univer = univer  }  disconnectedCallback() {    this.univer?.dispose()    this.univer = undefined  }}customElements.define('univer-docs-editor', UniverEditorElement)
HTML
<univer-docs-editor style="display: block; height: 600px"></univer-docs-editor>

Насколько полезно это руководство?

© 2026 DreamNum Co., Ltd.