ContextQMD
Back to Zulip

Insert a link

starlight_help/src/content/docs/insert-a-link.mdx

12.01.9 KB
Original Source

import {TabItem, Tabs} from "@astrojs/starlight/components";

import FlattenedSteps from "../../components/FlattenedSteps.astro"; import KeyboardTip from "../../components/KeyboardTip.astro"; import LinksExamples from "../include/_LinksExamples.mdx"; import LinksIntro from "../include/_LinksIntro.mdx"; import StartComposing from "../include/_StartComposing.mdx";

import LinkIcon from "~icons/zulip-icon/link";

<LinksIntro /> <Tabs> <TabItem label="Via paste"> <FlattenedSteps> <StartComposing /> 
  1. Select the text you want to linkify.
  1. Paste a URL to turn the selected text into a named link.
</FlattenedSteps>

<KeyboardTip>
  You can also use <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>L</kbd>
  to insert link formatting.
</KeyboardTip>
</TabItem> <TabItem label="Via compose box button"> <FlattenedSteps> <StartComposing /> 
  1. Select the text you want to linkify.
  1. Click the **link** (<LinkIcon />) icon at the
     bottom of the compose box.
  1. Replace `url` with a valid URL.
</FlattenedSteps>

<KeyboardTip>
  You can also use <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>L</kbd>
  to insert link formatting.
</KeyboardTip>
</TabItem> <TabItem label="Via Markdown"> <FlattenedSteps> <StartComposing /> 
  1. To create a named link, use `[ ]` around the link text, and `( )` around the
     URL: `[Link text](URL)`.
</FlattenedSteps>

<KeyboardTip>
  You can also use <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>L</kbd>
  to insert link formatting.
</KeyboardTip>
</TabItem> </Tabs>

Examples

<LinksExamples />