Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-27 18:12:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(user): bookmarks & emojis

Browse Source
This commit is contained in:
Elian Doran 2025-05-09 21:13:38 +03:00
parent b164d2e85b
commit 51993757cc
No known key found for this signature in database
16 changed files with 218 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/server/src/assets/doc_notes/en/User Guide/!!!meta.json generated
View File

File diff suppressed because one or more lines are too long

BIN
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Text/1_Bookmarks_plus.png generated Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 703 B

BIN
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Text/1_Insert buttons_plus.png generated Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

29
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Text/Bookmarks.html generated Normal file
View File

@ -0,0 +1,29 @@
<p>Bookmarks allows creating <a href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/iPIMuisry3hd/_help_QEAPj01N5f7w">links</a> to
a certain part of a note, such as referencing a particular heading.</p>
<p>Technically, bookmarks are HTML anchors.</p>
<p>This feature was introduced in TriliumNext 0.94.0.</p>
<h2>Interaction</h2>
<ul>
<li>To create a bookmark:
<ul>
<li>Place the cursor at the desired position where to place the bookmark.</li>
<li>Look for the
<img src="Bookmarks_plus.png" width="15" height="16">button in the&nbsp;<a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/iPIMuisry3hd/_help_nRhnJkTT8cPs">Formatting toolbar</a>,
and then press the
<img src="1_Bookmarks_plus.png" width="12" height="15">button.</li>
</ul>
</li>
<li>To place a link to a bookmark:
<ul>
<li>Place the cursor at the desired position of the link.</li>
<li>From the <a href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/iPIMuisry3hd/_help_QEAPj01N5f7w">link</a> pane,
select the <em>Bookmarks</em> section and select the desired bookmark.</li>
</ul>
</li>
</ul>
<h2>Limitations</h2>
<ul>
<li>Currently it's not possible to create a link to a bookmark from a different
note. This functionality will be added after the internal links feature
is enhanced to support bookmarks.</li>
</ul>

BIN
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Text/Bookmarks_plus.png generated Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 636 B

64
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Text/Insert buttons.html generated
View File

@ -2,6 +2,26 @@
<img src="4_Insert buttons_image.png" width="34" height="16">button in the&nbsp;<a class="reference-link" href="#root/_help_nRhnJkTT8cPs">Formatting toolbar</a>&nbsp;to <img src="4_Insert buttons_image.png" width="34" height="16">button in the&nbsp;<a class="reference-link" href="#root/_help_nRhnJkTT8cPs">Formatting toolbar</a>&nbsp;to
reveal special inserable items and blocks such as symbols, Math expressions reveal special inserable items and blocks such as symbols, Math expressions
and separators.</p> and separators.</p>
<h2>Bookmarks</h2>
<p>See the dedicated&nbsp;<a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/iPIMuisry3hd/_help_oSuaNgyyKnhu">Bookmarks</a>&nbsp;section.</p>
<h2>Emoji</h2>
<figure class="image image-style-align-right image_resized" style="width:42.4%;">
<img style="aspect-ratio:366/410;" src="Insert buttons_plus.png" width="366"
height="410">
</figure>
<p>This feature allows inserting Unicode emoji characters. Simply select
a category and a desired emoji to insert it.</p>
<p>Emojis can also be searched by their English name and the skin tone can
be selected via a combo box to the right.</p>
<p>There is also the possibility of inserting emojis directly by typing <code>:</code> followed
by a name of an emoji, triggering the display of a list of emojis. Simply
use the arrow keys to select one and press <kbd>Enter</kbd> to insert it.
<a
id="emoji_keyboard"></a>
</p>
<p>
<img src="1_Insert buttons_plus.png" width="272" height="187">
</p>
<h2>Symbols</h2> <h2>Symbols</h2>
<figure class="image image-style-align-right"> <figure class="image image-style-align-right">
<img style="aspect-ratio:346/322;" src="1_Insert buttons_image.png" width="346" <img style="aspect-ratio:346/322;" src="1_Insert buttons_image.png" width="346"
@ -31,30 +51,30 @@
<img style="aspect-ratio:1174/358;" src="6_Insert buttons_image.png" width="1174" <img style="aspect-ratio:1174/358;" src="6_Insert buttons_image.png" width="1174"
height="358"> height="358">
</figure> </figure>
<h2>Horizontal ruler</h2> <h2>Horizontal ruler</h2>
<p>This feature will display a horizontal line, generally useful to separate <p>This feature will display a horizontal line, generally useful to separate
different sections of the text. To do so, press the different sections of the text. To do so, press the
<img src="5_Insert buttons_image.png" <img src="5_Insert buttons_image.png"
width="18" height="16">button in the&nbsp;<a class="reference-link" href="#root/_help_nRhnJkTT8cPs">Formatting toolbar</a>.</p> width="18" height="16">button in the&nbsp;<a class="reference-link" href="#root/_help_nRhnJkTT8cPs">Formatting toolbar</a>.</p>
<img <p>
src="3_Insert buttons_image.png" width="502" height="95"> <img src="3_Insert buttons_image.png" width="502" height="95">
<p>Alternatively, it's possible to insert a horizontal ruler by typing <code>---</code>.</p> </p>
<h2>Page break</h2> <p>Alternatively, it's possible to insert a horizontal ruler by typing <code>---</code>.</p>
<figure class="image image-style-align-right"> <h2>Page break</h2>
<img style="aspect-ratio:371/79;" src="8_Insert buttons_image.png" width="371" <figure class="image image-style-align-right">
height="79"> <img style="aspect-ratio:371/79;" src="8_Insert buttons_image.png" width="371"
</figure> height="79">
<p>Page breaks provide a way to force the next paragraph or block (table, </figure>
image, etc.) to be displayed onto the next page when printing (either to <p>Page breaks provide a way to force the next paragraph or block (table,
a real printer to <a href="#root/_help_NRnIZmSMc5sj">when exporting to PDF</a>).</p> image, etc.) to be displayed onto the next page when printing (either to
<p>Page breaks are marked in the editor with the words <em>Page break</em>, a real printer to <a href="#root/_help_NRnIZmSMc5sj">when exporting to PDF</a>).</p>
but they will not actually be shown when printed.</p> <p>Page breaks are marked in the editor with the words <em>Page break</em>,
<ul> but they will not actually be shown when printed.</p>
<li>To insert a page break, press the <ul>
<img src="Insert buttons_image.png" width="20" <li>To insert a page break, press the
height="19">in the formatting toolbar.</li> <img src="Insert buttons_image.png" width="20"
<li>To insert many page breaks at once, insert a page break first, click on height="19">in the formatting toolbar.</li>
it and press <kbd>Ctrl</kbd>+<kbd>C</kbd>. Then use <kbd>Ctrl</kbd>+<kbd>V</kbd>, <li>To insert many page breaks at once, insert a page break first, click on
to paste as many times as needed.</li> it and press <kbd>Ctrl</kbd>+<kbd>C</kbd>. Then use <kbd>Ctrl</kbd>+<kbd>V</kbd>,
</ul> to paste as many times as needed.</li>
</ul>

BIN
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Text/Insert buttons_plus.png generated Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

2
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Text/Markdown-like formatting.html generated
View File

@ -59,6 +59,8 @@
with the text inside of it.</li> with the text inside of it.</li>
</ul> </ul>
</li> </li>
<li>For <a href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/iPIMuisry3hd/_help_CohkqWQC1iBv">emojis</a>,
type <code>:</code> followed by an emoji name to trigger an auto-completion.</li>
</ul> </ul>
<p>If auto-formatting is not desirable, press <kbd>Ctrl</kbd> + <kbd>Z</kbd> to <p>If auto-formatting is not desirable, press <kbd>Ctrl</kbd> + <kbd>Z</kbd> to
revert the text to its original form.</p> revert the text to its original form.</p>

127
docs/User Guide/!!!meta.json
View File

@ -1,6 +1,6 @@
{ {
"formatVersion": 2, "formatVersion": 2,
"appVersion": "0.0.1", "appVersion": "0.94.0",
"files": [ "files": [
{ {
"isClone": false, "isClone": false,
@ -5073,6 +5073,65 @@
} }
] ]
}, },
{
"isClone": false,
"noteId": "oSuaNgyyKnhu",
"notePath": [
"pOsGYCXsbNQG",
"KSZ04uQ2D1St",
"iPIMuisry3hd",
"oSuaNgyyKnhu"
],
"title": "Bookmarks",
"notePosition": 20,
"prefix": null,
"isExpanded": false,
"type": "text",
"mime": "text/html",
"attributes": [
{
"type": "label",
"name": "iconClass",
"value": "bx bx-bookmark",
"isInheritable": false,
"position": 10
},
{
"type": "relation",
"name": "internalLink",
"value": "QEAPj01N5f7w",
"isInheritable": false,
"position": 20
},
{
"type": "relation",
"name": "internalLink",
"value": "nRhnJkTT8cPs",
"isInheritable": false,
"position": 30
}
],
"format": "markdown",
"dataFileName": "Bookmarks.md",
"attachments": [
{
"attachmentId": "2cn9iY3Qgyjs",
"title": "plus.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Bookmarks_plus.png"
},
{
"attachmentId": "JaiAT3dHDIyy",
"title": "plus.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "1_Bookmarks_plus.png"
}
]
},
{ {
"isClone": false, "isClone": false,
"noteId": "veGu4faJErEM", "noteId": "veGu4faJErEM",
@ -5083,7 +5142,7 @@
"veGu4faJErEM" "veGu4faJErEM"
], ],
"title": "Content language & Right-to-left support", "title": "Content language & Right-to-left support",
"notePosition": 20, "notePosition": 30,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@ -5120,7 +5179,7 @@
"2x0ZAX9ePtzV" "2x0ZAX9ePtzV"
], ],
"title": "Cut to subnote", "title": "Cut to subnote",
"notePosition": 30, "notePosition": 40,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@ -5157,7 +5216,7 @@
"UYuUB1ZekNQU" "UYuUB1ZekNQU"
], ],
"title": "Developer-specific formatting", "title": "Developer-specific formatting",
"notePosition": 40, "notePosition": 50,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@ -5355,7 +5414,7 @@
"AgjCISero73a" "AgjCISero73a"
], ],
"title": "Footnotes", "title": "Footnotes",
"notePosition": 50, "notePosition": 60,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@ -5400,7 +5459,7 @@
"nRhnJkTT8cPs" "nRhnJkTT8cPs"
], ],
"title": "Formatting toolbar", "title": "Formatting toolbar",
"notePosition": 60, "notePosition": 70,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@ -5482,7 +5541,7 @@
"Gr6xFaF6ioJ5" "Gr6xFaF6ioJ5"
], ],
"title": "General formatting", "title": "General formatting",
"notePosition": 70, "notePosition": 80,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@ -5579,7 +5638,7 @@
"AxshuNRegLAv" "AxshuNRegLAv"
], ],
"title": "Highlights list", "title": "Highlights list",
"notePosition": 80, "notePosition": 90,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@ -5651,7 +5710,7 @@
"mT0HEkOsz6i1" "mT0HEkOsz6i1"
], ],
"title": "Images", "title": "Images",
"notePosition": 90, "notePosition": 100,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@ -5901,7 +5960,7 @@
"nBAXQFj20hS1" "nBAXQFj20hS1"
], ],
"title": "Include Note", "title": "Include Note",
"notePosition": 100, "notePosition": 110,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@ -5938,7 +5997,7 @@
"CohkqWQC1iBv" "CohkqWQC1iBv"
], ],
"title": "Insert buttons", "title": "Insert buttons",
"notePosition": 110, "notePosition": 120,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@ -5985,6 +6044,13 @@
"value": "bx bx-plus", "value": "bx bx-plus",
"isInheritable": false, "isInheritable": false,
"position": 60 "position": 60
},
{
"type": "relation",
"name": "internalLink",
"value": "oSuaNgyyKnhu",
"isInheritable": false,
"position": 70
} }
], ],
"format": "markdown", "format": "markdown",
@ -6014,6 +6080,14 @@
"position": 10, "position": 10,
"dataFileName": "2_Insert buttons_image.png" "dataFileName": "2_Insert buttons_image.png"
}, },
{
"attachmentId": "Mj8uDOt36GM8",
"title": "plus.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "Insert buttons_plus.png"
},
{ {
"attachmentId": "N1WMDAlCsrdy", "attachmentId": "N1WMDAlCsrdy",
"title": "image.png", "title": "image.png",
@ -6061,6 +6135,14 @@
"mime": "image/png", "mime": "image/png",
"position": 10, "position": 10,
"dataFileName": "8_Insert buttons_image.png" "dataFileName": "8_Insert buttons_image.png"
},
{
"attachmentId": "wTs0nELuclAk",
"title": "plus.png",
"role": "image",
"mime": "image/png",
"position": 10,
"dataFileName": "1_Insert buttons_plus.png"
} }
] ]
}, },
@ -6074,7 +6156,7 @@
"oiVPnW8QfnvS" "oiVPnW8QfnvS"
], ],
"title": "Keyboard shortcuts", "title": "Keyboard shortcuts",
"notePosition": 120, "notePosition": 130,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@ -6109,7 +6191,7 @@
"QEAPj01N5f7w" "QEAPj01N5f7w"
], ],
"title": "Links", "title": "Links",
"notePosition": 130, "notePosition": 140,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@ -6198,7 +6280,7 @@
"S6Xx8QIWTV66" "S6Xx8QIWTV66"
], ],
"title": "Lists", "title": "Lists",
"notePosition": 140, "notePosition": 150,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@ -6322,7 +6404,7 @@
"QrtTYPmdd1qq" "QrtTYPmdd1qq"
], ],
"title": "Markdown-like formatting", "title": "Markdown-like formatting",
"notePosition": 150, "notePosition": 160,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@ -6383,6 +6465,13 @@
"value": "bx bxl-markdown", "value": "bx bxl-markdown",
"isInheritable": false, "isInheritable": false,
"position": 70 "position": 70
},
{
"type": "relation",
"name": "internalLink",
"value": "CohkqWQC1iBv",
"isInheritable": false,
"position": 80
} }
], ],
"format": "markdown", "format": "markdown",
@ -6399,7 +6488,7 @@
"YfYAtQBcfo5V" "YfYAtQBcfo5V"
], ],
"title": "Math Equations", "title": "Math Equations",
"notePosition": 160, "notePosition": 170,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@ -6465,7 +6554,7 @@
"dEHYtoWWi8ct" "dEHYtoWWi8ct"
], ],
"title": "Other features", "title": "Other features",
"notePosition": 170, "notePosition": 180,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@ -6578,7 +6667,7 @@
"BFvAtE74rbP6" "BFvAtE74rbP6"
], ],
"title": "Table of contents", "title": "Table of contents",
"notePosition": 180, "notePosition": 190,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",
@ -6643,7 +6732,7 @@
"NdowYOC1GFKS" "NdowYOC1GFKS"
], ],
"title": "Tables", "title": "Tables",
"notePosition": 190, "notePosition": 200,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",

BIN
docs/User Guide/User Guide/Note Types/Text/1_Bookmarks_plus.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 703 B

BIN
docs/User Guide/User Guide/Note Types/Text/1_Insert buttons_plus.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

19
docs/User Guide/User Guide/Note Types/Text/Bookmarks.md Normal file
View File

@ -0,0 +1,19 @@
# Bookmarks
Bookmarks allows creating [links](Links.md) to a certain part of a note, such as referencing a particular heading.
Technically, bookmarks are HTML anchors.
This feature was introduced in TriliumNext 0.94.0.
## Interaction
* To create a bookmark:
* Place the cursor at the desired position where to place the bookmark.
* Look for the <img src="Bookmarks_plus.png" width="15" height="16"> button in the <a class="reference-link" href="Formatting%20toolbar.md">Formatting toolbar</a>, and then press the <img src="1_Bookmarks_plus.png" width="12" height="15"> button.
* To place a link to a bookmark:
* Place the cursor at the desired position of the link.
* From the [link](Links.md) pane, select the _Bookmarks_ section and select the desired bookmark.
## Limitations
* Currently it's not possible to create a link to a bookmark from a different note. This functionality will be added after the internal links feature is enhanced to support bookmarks.

BIN
docs/User Guide/User Guide/Note Types/Text/Bookmarks_plus.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 636 B

16
docs/User Guide/User Guide/Note Types/Text/Insert buttons.md
View File

@ -1,6 +1,22 @@
# Insert buttons # Insert buttons
Press the <img src="4_Insert buttons_image.png" width="34" height="16"> button in the <a class="reference-link" href="Formatting%20toolbar.md">Formatting toolbar</a> to reveal special inserable items and blocks such as symbols, Math expressions and separators. Press the <img src="4_Insert buttons_image.png" width="34" height="16"> button in the <a class="reference-link" href="Formatting%20toolbar.md">Formatting toolbar</a> to reveal special inserable items and blocks such as symbols, Math expressions and separators.
## Bookmarks
See the dedicated <a class="reference-link" href="Bookmarks.md">Bookmarks</a> section.
## Emoji
<figure class="image image-style-align-right image_resized" style="width:42.4%;"><img style="aspect-ratio:366/410;" src="Insert buttons_plus.png" width="366" height="410"></figure>
This feature allows inserting Unicode emoji characters. Simply select a category and a desired emoji to insert it.
Emojis can also be searched by their English name and the skin tone can be selected via a combo box to the right.
There is also the possibility of inserting emojis directly by typing `:` followed by a name of an emoji, triggering the display of a list of emojis. Simply use the arrow keys to select one and press <kbd>Enter</kbd> to insert it.
<img src="1_Insert buttons_plus.png" width="272" height="187">
## Symbols ## Symbols
<figure class="image image-style-align-right"><img style="aspect-ratio:346/322;" src="1_Insert buttons_image.png" width="346" height="322"></figure> <figure class="image image-style-align-right"><img style="aspect-ratio:346/322;" src="1_Insert buttons_image.png" width="346" height="322"></figure>

BIN
docs/User Guide/User Guide/Note Types/Text/Insert buttons_plus.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

1
docs/User Guide/User Guide/Note Types/Text/Markdown-like formatting.md
View File

@ -27,5 +27,6 @@ To import more complex formatting into text notes, consider using the [_Import f
* `!!! caution` * `!!! caution`
* `!!! warning` * `!!! warning`
* Starting any other text with `!!!` will insert a note admonition with the text inside of it. * Starting any other text with `!!!` will insert a note admonition with the text inside of it.
* For [emojis](Insert%20buttons.md), type `:` followed by an emoji name to trigger an auto-completion.
If auto-formatting is not desirable, press <kbd>Ctrl</kbd> + <kbd>Z</kbd> to revert the text to its original form. If auto-formatting is not desirable, press <kbd>Ctrl</kbd> + <kbd>Z</kbd> to revert the text to its original form.