禅编辑器
📊 Univer Sheet
import { LocaleType, Univer, UniverInstanceType } from '@univerjs/core' import { UniverFormulaEnginePlugin } from '@univerjs/engine-formula' import { UniverRenderEnginePlugin } from '@univerjs/engine-render' import { UniverUIPlugin } from '@univerjs/ui' import { defaultTheme } from '@univerjs/design' import { UniverDocsPlugin } from '@univerjs/docs' import { UniverDocsUIPlugin } from '@univerjs/docs-ui' import { UniverSheetsPlugin } from '@univerjs/sheets' import { UniverSheetsUIPlugin } from '@univerjs/sheets-ui' import { UniverSheetsNumfmtPlugin } from '@univerjs/sheets-numfmt' import { UniverSheetsFormulaPlugin } from '@univerjs/sheets-formula' import { UniverSheetsZenEditorPlugin } from '@univerjs/sheets-zen-editor' import { enUS } from './locales' import './style.css' const univer = new Univer({ theme: defaultTheme, locale: LocaleType.EN_US, locales: { [LocaleType.EN_US]: enUS, }, }) univer.registerPlugin(UniverRenderEnginePlugin) univer.registerPlugin(UniverFormulaEnginePlugin) univer.registerPlugin(UniverUIPlugin, { container: 'app', disableAutoFocus: true, }) univer.registerPlugin(UniverDocsPlugin, { hasScroll: false, }) univer.registerPlugin(UniverDocsUIPlugin) univer.registerPlugin(UniverSheetsPlugin) univer.registerPlugin(UniverSheetsUIPlugin) univer.registerPlugin(UniverSheetsNumfmtPlugin) univer.registerPlugin(UniverSheetsFormulaPlugin) univer.registerPlugin(UniverSheetsZenEditorPlugin) univer.createUnit(UniverInstanceType.UNIVER_SHEET, {})
禅编辑器插件提供了一种沉浸式的单元格编辑体验。通过禅编辑器,你可以轻松地以文档编辑器的形式在单元格中编辑文本、图片、链接等内容。
安装
pnpm add @univerjs/sheets-zen-editor
引入
import '@univerjs/sheets-zen-editor/lib/index.css';
import { UniverSheetsZenEditorPlugin } from '@univerjs/sheets-zen-editor';
国际化
import { LocaleType, Tools } from '@univerjs/core';
import SheetsZenEditorZhCN from '@univerjs/sheets-zen-editor/locale/zh-CN';
const univer = new Univer({
theme: defaultTheme,
locale: LocaleType.ZH_CN,
locales: {
[LocaleType.ZH_CN]: Tools.deepMerge(
SheetsZenEditorZhCN
),
},
});
注册
univer.registerPlugin(UniverSheetsZenEditorPlugin);