UI Descripción general

@univerjs-pro/boards-ui proporciona el lienzo con licencia de Univer Boards en el navegador. Renderiza la escena, la selección y el viewport, las barras de herramientas, los menús contextuales y la edición de texto, formas, conectores y tipos de elemento compatibles.

Registrar la interfaz de Board

Configure UniverLicensePlugin antes de los plugins de Board. Docs, Drawing, Ink y Shape Editor son dependencias técnicas de renderizado y edición; usar Boards no exige conocer esos productos.

TypeScript
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,  },})

Consulte Instalación y uso básico para ver el orden completo de dependencias, estilos e idiomas.

Opciones del lienzo

IUniverBoardsUIConfig también controla la cuadrícula, los valores de inserción, las formas y colores de notas, las herramientas, las barras del viewport, los adaptadores de renderizado, la adición rápida, la selección precisa, las dimensiones y los cursores de colaboración.

Utiliza menu y updateMenuConfig() para los menús contextuales. La barra independiente del lienzo Boards se configura con toolbar.tools; el gridLayout del Ribbon no la controla.

¿Cómo es esta guía?

© 2026 DreamNum Co., Ltd.