| Package Name | UMD Namespace | Version | License | Downloads | Contains CSS | Contains i18n locales | | --- | --- | --- | --- | --- | :---: | :---: | | `@univerjs/sheets-hyper-link-ui` | `UniverSheetsHyperLinkUi` | [![][npm-version-shield]][npm-version-
npm install @univerjs/sheets-hyper-link-ui| Package Name | UMD Namespace | Version | License | Downloads | Contains CSS | Contains i18n locales |
| --- | --- | --- | --- | --- | :---: | :---: |
| @univerjs/sheets-hyper-link-ui | UniverSheetsHyperLinkUi | [![][npm-version-shield]][npm-version-link] | ![][npm-license-shield] | ![][npm-downloads-shield] | ⭕️ | ⭕️ |
@univerjs/sheets-hyper-link-ui provides a hyperlink feature that allows users to create links for quick access to resources both within and outside of the spreadsheet, including web pages, files, email addresses, or other locations in the workbook.
``shellUsing npm
npm install @univerjs/sheets-hyper-link-ui
$3
`typescript
import { UniverSheetsHyperLinkUIPlugin } from '@univerjs/sheets-hyper-link-ui';univer.registerPlugin(UniverSheetsHyperLinkUIPlugin);
`$3
`typescript
// All commands
import { AddHyperLinkCommand, type IAddHyperLinkCommandParams } from '@univerjs/sheets-hyper-link-ui';
import { RemoveHyperLinkCommand, CancelHyperLinkCommand, type IRemoveHyperLinkCommandParams } from '@univerjs/sheets-hyper-link-ui';
import { UpdateHyperLinkCommand, type IUpdateHyperLinkCommandParams } from '@univerjs/sheets-hyper-link-ui';// Add hyperlink by command
const commandService = univer.__getInjector().get(ICommandService);
commandService.executeCommand(AddHyperLinkCommand.id, {
unitId: 'unitId',
subUnitId: 'subUnitId',
link: {
// comment content
payload: 'https://univer.ai',
id: '1',
row: 0,
column: 0
},
} as IAddCommentCommandParams);
``
[npm-version-shield]: https://img.shields.io/npm/v/@univerjs/sheets-hyper-link-ui?style=flat-square
[npm-version-link]: https://npmjs.com/package/@univerjs/sheets-hyper-link-ui
[npm-license-shield]: https://img.shields.io/npm/l/@univerjs/sheets-hyper-link-ui?style=flat-square
[npm-downloads-shield]: https://img.shields.io/npm/dm/@univerjs/sheets-hyper-link-ui?style=flat-square