Quick Insert
Plugins Info
Quick Insert provides a slash-command style menu for inserting content. Type / at the start of an empty line to open the menu and quickly insert text, lists, dividers, tables, images, and more. This feature currently supports plugin mode only.
Interactions
- Type
/at the start of a line to open the menu - A
+button appears to the left of an empty paragraph; click it to open all available menus - Type to filter; use ↑/↓ to navigate, Enter to insert, Esc to close
Plugin Mode
Installation
Shell
pnpm add @univerjs/docs-quick-insert-uiShell
npm install @univerjs/docs-quick-insert-uiShell
yarn add @univerjs/docs-quick-insert-uiShell
bun add @univerjs/docs-quick-insert-uiUsage
TypeScript
import { LocaleType, mergeLocales, Univer } from '@univerjs/core'import { UniverDocsQuickInsertUIPlugin } from '@univerjs/docs-quick-insert-ui'import DocsQuickInsertUIEnUS from '@univerjs/docs-quick-insert-ui/locale/en-US'import '@univerjs/docs-quick-insert-ui/lib/index.css'const univer = new Univer({ locale: LocaleType.EN_US, locales: { [LocaleType.EN_US]: mergeLocales( DocsQuickInsertUIEnUS, ), },})univer.registerPlugin(UniverDocsQuickInsertUIPlugin)How is this guide?