mirror of
https://github.com/typst/typst
synced 2025-08-18 00:48:34 +08:00
157 lines
4.0 KiB
Typst
157 lines
4.0 KiB
Typst
// Test hyperlinking.
|
|
|
|
--- link-basic render html ---
|
|
// Link syntax.
|
|
https://example.com/
|
|
|
|
// Link with body.
|
|
#link("https://typst.org/")[Some text text text]
|
|
|
|
// With line break.
|
|
This link appears #link("https://google.com/")[in the middle of] a paragraph.
|
|
|
|
// Certain prefixes are trimmed when using the `link` function.
|
|
Contact #link("mailto:hi@typst.app") or
|
|
call #link("tel:123") for more information.
|
|
|
|
--- link-trailing-period ---
|
|
// Test that the period is trimmed.
|
|
#show link: underline
|
|
https://a.b.?q=%10#. \
|
|
Wahttp://link \
|
|
Nohttps:\//link \
|
|
Nohttp\://comment
|
|
|
|
--- link-bracket-balanced ---
|
|
// Verify that brackets are included in links.
|
|
https://[::1]:8080/ \
|
|
https://example.com/(paren) \
|
|
https://example.com/#(((nested))) \
|
|
|
|
--- link-bracket-unbalanced-closing ---
|
|
// Check that unbalanced brackets are not included in links.
|
|
#[https://example.com/] \
|
|
https://example.com/)
|
|
|
|
--- link-bracket-unbalanced-opening ---
|
|
// Verify that opening brackets without closing brackets throw an error.
|
|
// Error: 1-22 automatic links cannot contain unbalanced brackets, use the `link` function instead
|
|
https://exam(ple.com/
|
|
|
|
--- link-show ---
|
|
// Styled with underline and color.
|
|
#show link: it => underline(text(fill: rgb("283663"), it))
|
|
You could also make the
|
|
#link("https://html5zombo.com/")[link look way more typical.]
|
|
|
|
--- link-transformed ---
|
|
// Transformed link.
|
|
#set page(height: 60pt)
|
|
#let mylink = link("https://typst.org/")[LINK]
|
|
My cool #box(move(dx: 0.7cm, dy: 0.7cm, rotate(10deg, scale(200%, mylink))))
|
|
|
|
--- link-on-block ---
|
|
// Link containing a block.
|
|
#link("https://example.com/", block[
|
|
My cool rhino
|
|
#box(move(dx: 10pt, image("/assets/images/rhino.png", width: 1cm)))
|
|
])
|
|
|
|
--- link-to-page ---
|
|
// Link to page one.
|
|
#link((page: 1, x: 10pt, y: 20pt))[Back to the start]
|
|
|
|
--- link-to-label ---
|
|
// Test link to label.
|
|
Text <hey>
|
|
#link(<hey>)[Go to text.]
|
|
|
|
--- link-html-id-attach html ---
|
|
// Tests how IDs and, if necessary, spans, are added to the DOM to support
|
|
// links.
|
|
|
|
#for i in range(1, 9) {
|
|
list.item(link(label("t" + str(i)), [Go]))
|
|
}
|
|
|
|
// Text at start of paragraph
|
|
Hi <t1>
|
|
|
|
// Text at start of paragraph + more text
|
|
Hi <t2> there
|
|
|
|
// Text in the middle of paragraph
|
|
See #[it <t4>]
|
|
|
|
// Text in the middle of paragraph + more text
|
|
See #[it <t5>] here
|
|
|
|
// Text + more elements
|
|
See #[a *b*] <t6>
|
|
|
|
// Element
|
|
See *a _b_* <t3>
|
|
|
|
// Nothing
|
|
See #[] <t7>
|
|
|
|
// Nothing 2
|
|
See #metadata(none) <t8>
|
|
|
|
--- link-html-label-disambiguation html ---
|
|
// Tests automatic ID generation for labelled elements.
|
|
|
|
#[= A] #label("%") // not reusable => loc-1
|
|
= B <1> // not reusable => loc-3 (loc-2 exists)
|
|
= C <loc> // reusable, unique => loc
|
|
= D <loc-2> // reusable, unique => loc-2
|
|
= E <lib> // reusable, not unique => lib-1
|
|
= F <lib> // reusable, not unique => lib-3 (lib-2 exists)
|
|
= G <lib-2> // reusable, unique => lib-2
|
|
= H <hi> // reusable, unique => hi
|
|
= I <hi-2> // reusable, not unique => hi-2-1
|
|
= J <hi-2> // reusable, not unique => hi-2-2
|
|
|
|
#context for it in query(heading) {
|
|
list.item(link(it.location(), it.body))
|
|
}
|
|
|
|
--- link-html-id-existing html ---
|
|
// Test that linking reuses the existing ID, if any.
|
|
#html.div[
|
|
#html.span(id: "this")[This] <other>
|
|
]
|
|
|
|
#link(<other>)[Go]
|
|
|
|
--- link-html-here html ---
|
|
#context link(here())[Go]
|
|
|
|
--- link-html-nested-empty html ---
|
|
#[#metadata(none) <a> #metadata(none) <b> Hi] <c>
|
|
|
|
#link(<a>)[A] // creates empty span
|
|
#link(<b>)[B] // creates second empty span
|
|
#link(<c>)[C] // links to #a because the generated span is contained in it
|
|
|
|
--- link-to-label-missing ---
|
|
// Error: 2-20 label `<hey>` does not exist in the document
|
|
#link(<hey>)[Nope.]
|
|
|
|
--- link-to-label-duplicate ---
|
|
Text <hey>
|
|
Text <hey>
|
|
// Error: 2-20 label `<hey>` occurs multiple times in the document
|
|
#link(<hey>)[Nope.]
|
|
|
|
--- link-empty-block ---
|
|
#link("", block(height: 10pt, width: 100%))
|
|
|
|
--- issue-758-link-repeat ---
|
|
#let url = "https://typst.org/"
|
|
#let body = [Hello #box(width: 1fr, repeat[.])]
|
|
|
|
Inline: #link(url, body)
|
|
|
|
#link(url, block(inset: 4pt, [Block: ] + body))
|