Plate Pro
Docs
Components
Templates
Toggle Menu
Search documentation...
Search...
⌘
K
GitHub
Discord
Toggle theme
Sign in
Get all-access ->
Components
Link Element
Link Element
Hyperlink element.
API Reference
Block Selection
Plate Element
Installation
Install the following dependencies:
Copy
npm
install
@udecode/plate-link @udecode/plate-selection
Copy and paste the following code into your project.
Get the code ->
Update the import paths to match your project setup.
Examples
Link
Preview
Get the code ->
🔗 Link
Add hyperlinks to your text to reference external sources or provide additional information.
How to use links:
Press "⌘ + K" to trigger the floating link menu.
Enter the URL (must be a valid http:// or https:// address) and the text to display.
Use "Tab" to switch between URL and display text fields.
Press Enter to insert the link.
Select text before pressing "⌘ + K" to pre-fill the display text.
Use the floating toolbar's link button when text is selected.
Click on an existing link to edit, visit, or remove it.
Edit link
100
%
Inline Equation Element
Media Audio Element