# Обзор интерфейса

- Human documentation: [https://docs.univer.ai/ru-RU/guides/boards/ui/overview](https://docs.univer.ai/ru-RU/guides/boards/ui/overview)

- Agent Markdown: [https://docs.univer.ai/ru-RU/guides/boards/ui/overview.md](https://docs.univer.ai/ru-RU/guides/boards/ui/overview.md)

- Requested language: `ru-RU`

- Content language: `ru-RU`

- Documentation version: `1.2.0`

- Source: [boards/ui/overview.ru-RU.mdx](https://github.com/dream-num/documentation/blob/dev/content/guides/boards/ui/overview.ru-RU.mdx)

---

`@univerjs-pro/boards-ui` предоставляет лицензируемый браузерный холст Univer Boards. Он отображает сцену, выделение и навигацию, панели инструментов, контекстные меню, а также редактирование текста, фигур, соединителей и поддерживаемых элементов Board.

## Регистрация интерфейса Board

Настройте `UniverLicensePlugin` до плагинов Board. Docs, Drawing, Ink и Shape Editor являются техническими зависимостями отрисовки и редактирования; знать эти продукты заранее не требуется.

```ts
univer.registerPlugin(UniverLicensePlugin, {
  license: process.env.CLIENT_LICENSE_TEXT,
})
univer.registerPlugin(UniverBoardsPlugin)
univer.registerPlugin(UniverBoardsUIPlugin, {
  workbench: {
    content: true,
    header: false,
    headerMenu: false,
    toolbar: false,
    footer: false,
  },
  interaction: {
    minZoomRatio: 0.1,
    maxZoomRatio: 4,
    wheelZoomWithModifier: true,
    trackpadPanEnabled: true,
  },
})
```

Полный порядок регистрации зависимостей, стилей и локалей приведён в разделе [Установка и основы использования](https://docs.univer.ai/ru-RU/guides/boards/getting-started/installation.md).

## Параметры холста

`IUniverBoardsUIConfig` также управляет сеткой, значениями вставки, фигурами и цветами заметок, инструментами, полосами области просмотра, адаптерами отрисовки, быстрым добавлением, точным выделением, размерами и курсорами соавторов.

## Настройка меню и панели инструментов холста

Для контекстных меню используйте [`menu` и `updateMenuConfig()`](https://docs.univer.ai/ru-RU/guides/boards/features/core.md#menu-order-and-grid-layout). Отдельная панель инструментов холста Boards настраивается через `toolbar.tools`; `gridLayout` ленты Ribbon на неё не влияет.