스프레드시트
익숙한 Excel 스타일 인터페이스입니다. 500개 이상의 함수, 시트 간 참조, 정렬 및 필터링, 틀 고정, 셀 서식 있는 텍스트 편집을 지원합니다.
고성능, 자유롭게 맞춤 설정하는 Office SDK
Univer Office SDK는 통합 Office 런타임을 제품에 제공하여 사람과 AI 에이전트의 협업을 지원합니다. 자유롭게 조합하고 임베드할 수 있는 도구: 스프레드시트, 문서, 프레젠테이션, Bases, Boards 및 PDF을 자유롭게 다룰 수 있습니다.
다양한 업계의 팀과 기업이 신뢰합니다
모든 워크플로를 강화하세요
스프레드시트, 문서, 프레젠테이션 등
문서
문서 통계, 리치 텍스트 링크, 단락 스타일, 표, 목록, 머리글, 바닥글, 주석을 지원하는 Word 스타일 편집기입니다.
프레젠테이션
편집 가능한 SmartArt, 차트, 표 디자인과 일관된 크로스 플랫폼 Canvas2D 렌더링을 제공하는 PowerPoint 스타일 편집기입니다.
Bases
필드 모델링, 여러 보기, 레코드 관리, 로우 코드 데이터 워크플로를 제공하는 테이블 기반 비즈니스 앱입니다.
Boards
이미지 배경, 컨테이너, 도형, 인쇄, PNG/JPEG 내보내기를 지원하는 시각적 협업용 무한 캔버스입니다.
텍스트, 이미지, 표, 목록, 주석이 있는 PDF 페이지를 만들고 편집하며 연속 탐색하고 인쇄합니다.
개발자를 위해 설계되었습니다
마이크로커널 + 플러그인 아키텍처 기반의 풀스택 프레임워크입니다. 몇 분 안에 시작할 수 있습니다.
- 01
설치
npm, yarn 또는 pnpm으로 Web SDK 핵심 패키지를 설치합니다.
- 02
모드 선택
Preset 모드는 프리셋 패키지로 빠르게 통합하며, Plugin 모드는 플러그인을 직접 등록하여 세밀하게 제어합니다.
- 03
구성
Web SDK 인스턴스를 초기화하고 필요한 플러그인과 로케일 리소스를 로드합니다.
- 04
렌더링
DOM 요소에 마운트하고 데이터를 로드하여 편집 인터페이스를 렌더링합니다.
# npm install @univerjs/core @univerjs/design @univerjs/docs @univerjs/docs-ui @univerjs/engine-formula @univerjs/engine-render @univerjs/sheets @univerjs/sheets-formula @univerjs/sheets-formula-ui @univerjs/sheets-numfmt @univerjs/sheets-numfmt-ui @univerjs/sheets-ui @univerjs/ui react react-dom rxjs
import { LocaleType, mergeLocales, Univer, UniverInstanceType } from '@univerjs/core'
import { FUniver } from '@univerjs/core/facade'
import DesignEnUSfrom '@univerjs/design/locale/en-US'
import { UniverDocsPlugin } from '@univerjs/docs'
import { UniverDocsUIPlugin } from '@univerjs/docs-ui'
import DocsUIEnUSfrom '@univerjs/docs-ui/locale/en-US'
import { UniverFormulaEnginePlugin } from '@univerjs/engine-formula'
import { UniverRenderEnginePlugin } from '@univerjs/engine-render'
import { UniverSheetsPlugin } from '@univerjs/sheets'
import { UniverSheetsFormulaPlugin } from '@univerjs/sheets-formula'
import { UniverSheetsFormulaUIPlugin } from '@univerjs/sheets-formula-ui'
import SheetsFormulaUIEnUSfrom '@univerjs/sheets-formula-ui/locale/en-US'
import { UniverSheetsNumfmtPlugin } from '@univerjs/sheets-numfmt'
import { UniverSheetsNumfmtUIPlugin } from '@univerjs/sheets-numfmt-ui'
import SheetsNumfmtUIEnUSfrom '@univerjs/sheets-numfmt-ui/locale/en-US'
import { UniverSheetsUIPlugin } from '@univerjs/sheets-ui'
import SheetsUIEnUSfrom '@univerjs/sheets-ui/locale/en-US'
import SheetsEnUSfrom '@univerjs/sheets/locale/en-US'
import { UniverUIPlugin } from '@univerjs/ui'
import UIEnUSfrom '@univerjs/ui/locale/en-US'
import '@univerjs/engine-formula/facade'
import '@univerjs/ui/facade'
import '@univerjs/docs-ui/facade'
import '@univerjs/sheets/facade'
import '@univerjs/sheets-ui/facade'
import '@univerjs/sheets-formula/facade'
import '@univerjs/sheets-numfmt/facade'
import '@univerjs/design/lib/index.css'
import '@univerjs/ui/lib/index.css'
import '@univerjs/docs-ui/lib/index.css'
import '@univerjs/sheets-ui/lib/index.css'
import '@univerjs/sheets-formula-ui/lib/index.css'
import '@univerjs/sheets-numfmt-ui/lib/index.css'
const univer = new Univer({
locale: LocaleType.EN_US,
locales: {
[LocaleType.EN_US]:mergeLocales([
DesignEnUS,
UIEnUS,
DocsUIEnUS,
SheetsEnUS,
SheetsUIEnUS,
SheetsFormulaUIEnUS,
SheetsNumfmtUIEnUS,
]),
},
})
univer.registerPlugin(UniverRenderEnginePlugin)
univer.registerPlugin(UniverFormulaEnginePlugin)
univer.registerPlugin(UniverUIPlugin,{ container: 'app' })
univer.registerPlugin(UniverDocsPlugin)
univer.registerPlugin(UniverDocsUIPlugin)
univer.registerPlugin(UniverSheetsPlugin)
univer.registerPlugin(UniverSheetsUIPlugin)
univer.registerPlugin(UniverSheetsFormulaPlugin)
univer.registerPlugin(UniverSheetsFormulaUIPlugin)
univer.registerPlugin(UniverSheetsNumfmtPlugin)
univer.registerPlugin(UniverSheetsNumfmtUIPlugin)
univer.createUnit(UniverInstanceType.UNIVER_SHEET,{})
const univerAPI = FUniver.newAPI(univer)엔터프라이즈급 성능
프로덕션 워크로드에서 검증된 벤치마크
0초
100만 셀 로드
0 FPS
600만 셀 스크롤
0초
2만 개 수식
0+
동시 사용자
고성능
Canvas2D 렌더링 엔진으로 600만 셀까지 스크롤해도 50~60 FPS를 유지합니다.
수식 엔진
500개 이상의 기본 제공 함수와 사용자 지정 함수, 배열 수식, 이름이 지정된 범위를 지원합니다.
다크 모드
다양한 테마를 기본 제공하며 다크 모드를 지원합니다.
플러그인 확장성
100개 이상의 공식 플러그인으로 Sheets, Docs, Slides를 쉽게 확장합니다.
국제화
전 세계 사용자를 위한 다국어 및 로케일 지원을 제공합니다.
크로스 플랫폼
하나의 코드베이스로 Web, Node.js, 모바일을 지원합니다.
협업
OT 알고리즘과 충돌 해결을 이용한 실시간 협업을 지원합니다.
가져오기 및 내보내기
xlsx, csv, tsv, docx, pptx, pdf 등 일반적인 형식의 가져오기와 내보내기를 지원합니다.
인쇄 및 PDF
인쇄와 PDF 출력을 지원하며, 차트 등의 콘텐츠를 이미지로 내보낼 수 있습니다.
배포
Server SDK로 필요한 백엔드 기능을 조합하고 자체 앱에 배포합니다.
편집 기록
모든 변경을 추적하고 실행 취소, 다시 실행, 버전 복원을 지원합니다.
데이터 시각화
피벗 테이블, 차트, 조건부 서식으로 데이터를 명확하게 보여 줍니다.
Headless Web SDK
AI와 자동화를 기본 지원하는 서버 측 문서 처리
Node.js 지원
브라우저 없이 Node.js에서 Web SDK를 직접 실행합니다.
UI 렌더링 없음
UI 플러그인을 제외하고 데이터와 계산에 집중합니다.
동형 아키텍처
동일한 코드베이스를 브라우저와 서버에서 재사용합니다.
AI 및 자동화
LLM과 에이전트가 Facade API를 직접 호출하여 문서를 자동으로 읽고, 쓰고, 분석할 수 있습니다.
Plugin
import { LocaleType, mergeLocales, Univer } from '@univerjs/core'
import { FUniver } from '@univerjs/core/facade'
import { UniverDocsPlugin } from '@univerjs/docs'
import { UniverFormulaEnginePlugin } from '@univerjs/engine-formula'
import { UniverRenderEnginePlugin } from '@univerjs/engine-render'
import { UniverSheetsPlugin } from '@univerjs/sheets'
import { UniverSheetsFormulaPlugin } from '@univerjs/sheets-formula'
import { UniverSheetsNumfmtPlugin } from '@univerjs/sheets-numfmt'
import SheetsEnUS from '@univerjs/sheets/locale/en-US'
import '@univerjs/engine-formula/facade'
import '@univerjs/sheets/facade'
import '@univerjs/sheets-formula/facade'
import '@univerjs/sheets-numfmt/facade'
const univer = new Univer({
locale: LocaleType.EN_US,
locales: {
[LocaleType.EN_US]:mergeLocales(
SheetsEnUS,
),
},
})
univer.registerPlugin(UniverRenderEnginePlugin)
univer.registerPlugin(UniverFormulaEnginePlugin)
univer.registerPlugin(UniverDocsPlugin)
univer.registerPlugin(UniverSheetsPlugin)
univer.registerPlugin(UniverSheetsFormulaPlugin)
univer.registerPlugin(UniverSheetsNumfmtPlugin)
const univerAPI = FUniver.newAPI(univer)
univerAPI.createWorkbook({})기존 업무 서비스
기존 인증, 권한, 데이터 저장소를 연결하고 직접 배포 및 관리하세요.
플러그인과 통합으로 확장하세요
풍부한 생태계 위에서 구축하세요
다음 세대의 Office 경험,당신이 만드세요.
Univer Office SDK로 스프레드시트, 문서 등의 기능을 자유롭게 조합하세요. 사람과 AI 에이전트가 함께 창조하는 제품을 만드세요.