mirror of
https://github.com/TriliumNext/Notes.git
synced 2025-07-27 18:12:29 +08:00
feat(docs): sidebar, table of contents, highlights list
This commit is contained in:
Elian Doran
parent
19a540200e
commit
f58a90c648
@ -1915,6 +1915,71 @@
|
|||||||
"dataFileName": "Floating buttons_image.png"
|
"dataFileName": "Floating buttons_image.png"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"isClone": false,
|
||||||
|
"noteId": "RnaPdbciOfeq",
|
||||||
|
"notePath": [
|
||||||
|
"pOsGYCXsbNQG",
|
||||||
|
"gh7bpGYxajRS",
|
||||||
|
"Vc8PjrjAGuOp",
|
||||||
|
"RnaPdbciOfeq"
|
||||||
|
],
|
||||||
|
"title": "Right Sidebar",
|
||||||
|
"notePosition": 170,
|
||||||
|
"prefix": null,
|
||||||
|
"isExpanded": false,
|
||||||
|
"type": "text",
|
||||||
|
"mime": "text/html",
|
||||||
|
"attributes": [
|
||||||
|
{
|
||||||
|
"type": "label",
|
||||||
|
"name": "iconClass",
|
||||||
|
"value": "bx bxs-dock-right",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 10
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "BFvAtE74rbP6",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 20
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "AxshuNRegLAv",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 30
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "luNhaphA37EO",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 40
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "3seOhtN8uLIY",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 50
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"format": "markdown",
|
||||||
|
"dataFileName": "Right Sidebar.md",
|
||||||
|
"attachments": [
|
||||||
|
{
|
||||||
|
"attachmentId": "ze9MwXmOPhp0",
|
||||||
|
"title": "image.png",
|
||||||
|
"role": "image",
|
||||||
|
"mime": "image/png",
|
||||||
|
"position": 10,
|
||||||
|
"dataFileName": "Right Sidebar_image.png"
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
@ -4542,6 +4607,78 @@
|
|||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"isClone": false,
|
||||||
|
"noteId": "AxshuNRegLAv",
|
||||||
|
"notePath": [
|
||||||
|
"pOsGYCXsbNQG",
|
||||||
|
"KSZ04uQ2D1St",
|
||||||
|
"iPIMuisry3hd",
|
||||||
|
"AxshuNRegLAv"
|
||||||
|
],
|
||||||
|
"title": "Highlights list",
|
||||||
|
"notePosition": 60,
|
||||||
|
"prefix": null,
|
||||||
|
"isExpanded": false,
|
||||||
|
"type": "text",
|
||||||
|
"mime": "text/html",
|
||||||
|
"attributes": [
|
||||||
|
{
|
||||||
|
"type": "label",
|
||||||
|
"name": "iconClass",
|
||||||
|
"value": "bx bx-highlight",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 10
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "BFvAtE74rbP6",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 20
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "RnaPdbciOfeq",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 30
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "_optionsTextNotes",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 40
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "zEY4DaJG4YT5",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 50
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "XpOYSgsLkTJy",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 60
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"format": "markdown",
|
||||||
|
"dataFileName": "Highlights list.md",
|
||||||
|
"attachments": [
|
||||||
|
{
|
||||||
|
"attachmentId": "lDcgRFQO5hDE",
|
||||||
|
"title": "image.png",
|
||||||
|
"role": "image",
|
||||||
|
"mime": "image/png",
|
||||||
|
"position": 10,
|
||||||
|
"dataFileName": "Highlights list_image.png"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"isClone": false,
|
"isClone": false,
|
||||||
"noteId": "mT0HEkOsz6i1",
|
"noteId": "mT0HEkOsz6i1",
|
||||||
@ -4552,7 +4689,7 @@
|
|||||||
"mT0HEkOsz6i1"
|
"mT0HEkOsz6i1"
|
||||||
],
|
],
|
||||||
"title": "Images",
|
"title": "Images",
|
||||||
"notePosition": 60,
|
"notePosition": 70,
|
||||||
"prefix": null,
|
"prefix": null,
|
||||||
"isExpanded": false,
|
"isExpanded": false,
|
||||||
"type": "text",
|
"type": "text",
|
||||||
@ -4781,7 +4918,7 @@
|
|||||||
"nBAXQFj20hS1"
|
"nBAXQFj20hS1"
|
||||||
],
|
],
|
||||||
"title": "Include Note",
|
"title": "Include Note",
|
||||||
"notePosition": 70,
|
"notePosition": 80,
|
||||||
"prefix": null,
|
"prefix": null,
|
||||||
"isExpanded": false,
|
"isExpanded": false,
|
||||||
"type": "text",
|
"type": "text",
|
||||||
@ -4818,7 +4955,7 @@
|
|||||||
"QEAPj01N5f7w"
|
"QEAPj01N5f7w"
|
||||||
],
|
],
|
||||||
"title": "Links",
|
"title": "Links",
|
||||||
"notePosition": 80,
|
"notePosition": 90,
|
||||||
"prefix": null,
|
"prefix": null,
|
||||||
"isExpanded": false,
|
"isExpanded": false,
|
||||||
"type": "text",
|
"type": "text",
|
||||||
@ -4877,7 +5014,7 @@
|
|||||||
"S6Xx8QIWTV66"
|
"S6Xx8QIWTV66"
|
||||||
],
|
],
|
||||||
"title": "Lists",
|
"title": "Lists",
|
||||||
"notePosition": 90,
|
"notePosition": 100,
|
||||||
"prefix": null,
|
"prefix": null,
|
||||||
"isExpanded": false,
|
"isExpanded": false,
|
||||||
"type": "text",
|
"type": "text",
|
||||||
@ -4943,6 +5080,71 @@
|
|||||||
"dataFileName": "5_Lists_image.png"
|
"dataFileName": "5_Lists_image.png"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"isClone": false,
|
||||||
|
"noteId": "BFvAtE74rbP6",
|
||||||
|
"notePath": [
|
||||||
|
"pOsGYCXsbNQG",
|
||||||
|
"KSZ04uQ2D1St",
|
||||||
|
"iPIMuisry3hd",
|
||||||
|
"BFvAtE74rbP6"
|
||||||
|
],
|
||||||
|
"title": "Table of contents",
|
||||||
|
"notePosition": 110,
|
||||||
|
"prefix": null,
|
||||||
|
"isExpanded": false,
|
||||||
|
"type": "text",
|
||||||
|
"mime": "text/html",
|
||||||
|
"attributes": [
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "XpOYSgsLkTJy",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 10
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "_optionsTextNotes",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 20
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "label",
|
||||||
|
"name": "iconClass",
|
||||||
|
"value": "bx bx-heading",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 30
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "zEY4DaJG4YT5",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 40
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "RnaPdbciOfeq",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 50
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"format": "markdown",
|
||||||
|
"dataFileName": "Table of contents.md",
|
||||||
|
"attachments": [
|
||||||
|
{
|
||||||
|
"attachmentId": "DL6PJX71Fk3S",
|
||||||
|
"title": "image.png",
|
||||||
|
"role": "image",
|
||||||
|
"mime": "image/png",
|
||||||
|
"position": 10,
|
||||||
|
"dataFileName": "Table of contents_image.png"
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|||||||
@ -0,0 +1,19 @@
|
|||||||
|
# Right Sidebar
|
||||||
|
<figure class="image"><img style="aspect-ratio:1036/372;" src="Right Sidebar_image.png" width="1036" height="372"></figure>
|
||||||
|
|
||||||
|
The right sidebar displays specific content for the current note. Currently it includes:
|
||||||
|
|
||||||
|
* <a class="reference-link" href="../../Note%20Types/Text/Table%20of%20contents.md">Table of contents</a>
|
||||||
|
* <a class="reference-link" href="../../Note%20Types/Text/Highlights%20list.md">Highlights list</a>
|
||||||
|
|
||||||
|
Note that the sidebar is not displayed if it would otherwise be empty, for example if there are too few headings and there are no highlights.
|
||||||
|
|
||||||
|
## Toggling the right sidebar
|
||||||
|
|
||||||
|
The sidebar can be hidden or shown by using the `toggleRightPane` keyboard shortcut, which is not assigned by default.
|
||||||
|
|
||||||
|
## Relation with splits
|
||||||
|
|
||||||
|
When using <a class="reference-link" href="Split%20View.md">Split View</a>, there is a single sidebar serving all the open splits for the current [tab](Tabs.md).
|
||||||
|
|
||||||
|
Clicking on a note within the split view will display the sidebar for that note. If there are no items to display in the sidebar, it will remain closed.
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
@ -0,0 +1,25 @@
|
|||||||
|
# Highlights list
|
||||||
|
<figure class="image image-style-align-right"><img style="aspect-ratio:250/150;" src="Highlights list_image.png" width="250" height="150"></figure>
|
||||||
|
|
||||||
|
Similar to the <a class="reference-link" href="Table%20of%20contents.md">Table of contents</a>, but instead of headings this feature will list highlighted text from a text note and allow easy navigation to them. The list will be displayed in the <a class="reference-link" href="../../Basic%20Concepts%20and%20Features/UI%20Elements/Right%20Sidebar.md">Right Sidebar</a>, provided there is at least one highlighted text.
|
||||||
|
|
||||||
|
Highlighted text is defined as:
|
||||||
|
|
||||||
|
* Bold text.
|
||||||
|
* Italic text.
|
||||||
|
* Underlined text.
|
||||||
|
* Text with a foreground color set.
|
||||||
|
* Text with a background color/highlight set.
|
||||||
|
|
||||||
|
## Interaction
|
||||||
|
|
||||||
|
* Clicking on a highlighted text will scroll the document to its position.
|
||||||
|
* Pressing the close button will dismiss the list of highlights but it can be shown again from the <a class="reference-link" href="../../Basic%20Concepts%20and%20Features/UI%20Elements/Floating%20buttons.md">Floating buttons</a> section.
|
||||||
|
|
||||||
|
## Global configuration
|
||||||
|
|
||||||
|
It's possible to toggle the display of each category of highlighted text (as defined above) in the highlights list by going to <a class="reference-link" href="#root/_hidden/_options/_optionsTextNotes">Text Notes</a> settings and looking for the _Highlights List_ section.
|
||||||
|
|
||||||
|
## Per-note configuration
|
||||||
|
|
||||||
|
To suppress the display of highlighted text for one specific note, use <a class="reference-link" href="../../Advanced%20Usage/Attributes.md">Attributes</a> to add the `#hideHighlightWidget` label.
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
@ -0,0 +1,23 @@
|
|||||||
|
# Table of contents
|
||||||
|
<figure class="image image-style-align-right"><img style="aspect-ratio:243/171;" src="Table of contents_image.png" width="243" height="171"></figure>
|
||||||
|
|
||||||
|
The table of contents appears in the <a class="reference-link" href="../../Basic%20Concepts%20and%20Features/UI%20Elements/Right%20Sidebar.md">Right Sidebar</a> automatically when there are multiple headings in a text note.
|
||||||
|
|
||||||
|
## Interaction
|
||||||
|
|
||||||
|
* Clicking on a heading will scroll the document to the position of the heading.
|
||||||
|
* Pressing the close button will dismiss the table of contents but it can be shown again from the <a class="reference-link" href="../../Basic%20Concepts%20and%20Features/UI%20Elements/Floating%20buttons.md">Floating buttons</a> section.
|
||||||
|
|
||||||
|
## Global configuration
|
||||||
|
|
||||||
|
In <a class="reference-link" href="#root/_hidden/_options/_optionsTextNotes">Text Notes</a> options, look for the _Table of Contents_ section and configure the minimum amount of headings that need to be present in the current note in order for the table of contents to show:
|
||||||
|
|
||||||
|
* To always hide it, set the value to a really large number (e.g. 10000).
|
||||||
|
* To always display it if there's at least a single heading, set the value to 1.
|
||||||
|
|
||||||
|
## Per-note configuration
|
||||||
|
|
||||||
|
Use <a class="reference-link" href="../../Advanced%20Usage/Attributes.md">Attributes</a> to configure the table of contents for a particular note:
|
||||||
|
|
||||||
|
* `#toc=show` will show the table of contents for that note regardless of the global settings.
|
||||||
|
* Similarly, `#toc=hide` will always hide the table of contents for that note.
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
210
src/public/app/doc_notes/en/User Guide/!!!meta.json
generated
210
src/public/app/doc_notes/en/User Guide/!!!meta.json
generated
@ -1915,6 +1915,71 @@
|
|||||||
"dataFileName": "Floating buttons_image.png"
|
"dataFileName": "Floating buttons_image.png"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"isClone": false,
|
||||||
|
"noteId": "RnaPdbciOfeq",
|
||||||
|
"notePath": [
|
||||||
|
"pOsGYCXsbNQG",
|
||||||
|
"gh7bpGYxajRS",
|
||||||
|
"Vc8PjrjAGuOp",
|
||||||
|
"RnaPdbciOfeq"
|
||||||
|
],
|
||||||
|
"title": "Right Sidebar",
|
||||||
|
"notePosition": 170,
|
||||||
|
"prefix": null,
|
||||||
|
"isExpanded": false,
|
||||||
|
"type": "text",
|
||||||
|
"mime": "text/html",
|
||||||
|
"attributes": [
|
||||||
|
{
|
||||||
|
"type": "label",
|
||||||
|
"name": "iconClass",
|
||||||
|
"value": "bx bxs-dock-right",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 10
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "BFvAtE74rbP6",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 20
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "AxshuNRegLAv",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 30
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "luNhaphA37EO",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 40
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "3seOhtN8uLIY",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 50
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"format": "html",
|
||||||
|
"dataFileName": "Right Sidebar.html",
|
||||||
|
"attachments": [
|
||||||
|
{
|
||||||
|
"attachmentId": "ze9MwXmOPhp0",
|
||||||
|
"title": "image.png",
|
||||||
|
"role": "image",
|
||||||
|
"mime": "image/png",
|
||||||
|
"position": 10,
|
||||||
|
"dataFileName": "Right Sidebar_image.png"
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
@ -4542,6 +4607,78 @@
|
|||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"isClone": false,
|
||||||
|
"noteId": "AxshuNRegLAv",
|
||||||
|
"notePath": [
|
||||||
|
"pOsGYCXsbNQG",
|
||||||
|
"KSZ04uQ2D1St",
|
||||||
|
"iPIMuisry3hd",
|
||||||
|
"AxshuNRegLAv"
|
||||||
|
],
|
||||||
|
"title": "Highlights list",
|
||||||
|
"notePosition": 60,
|
||||||
|
"prefix": null,
|
||||||
|
"isExpanded": false,
|
||||||
|
"type": "text",
|
||||||
|
"mime": "text/html",
|
||||||
|
"attributes": [
|
||||||
|
{
|
||||||
|
"type": "label",
|
||||||
|
"name": "iconClass",
|
||||||
|
"value": "bx bx-highlight",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 10
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "BFvAtE74rbP6",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 20
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "RnaPdbciOfeq",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 30
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "_optionsTextNotes",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 40
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "zEY4DaJG4YT5",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 50
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "XpOYSgsLkTJy",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 60
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"format": "html",
|
||||||
|
"dataFileName": "Highlights list.html",
|
||||||
|
"attachments": [
|
||||||
|
{
|
||||||
|
"attachmentId": "lDcgRFQO5hDE",
|
||||||
|
"title": "image.png",
|
||||||
|
"role": "image",
|
||||||
|
"mime": "image/png",
|
||||||
|
"position": 10,
|
||||||
|
"dataFileName": "Highlights list_image.png"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"isClone": false,
|
"isClone": false,
|
||||||
"noteId": "mT0HEkOsz6i1",
|
"noteId": "mT0HEkOsz6i1",
|
||||||
@ -4552,7 +4689,7 @@
|
|||||||
"mT0HEkOsz6i1"
|
"mT0HEkOsz6i1"
|
||||||
],
|
],
|
||||||
"title": "Images",
|
"title": "Images",
|
||||||
"notePosition": 60,
|
"notePosition": 70,
|
||||||
"prefix": null,
|
"prefix": null,
|
||||||
"isExpanded": false,
|
"isExpanded": false,
|
||||||
"type": "text",
|
"type": "text",
|
||||||
@ -4781,7 +4918,7 @@
|
|||||||
"nBAXQFj20hS1"
|
"nBAXQFj20hS1"
|
||||||
],
|
],
|
||||||
"title": "Include Note",
|
"title": "Include Note",
|
||||||
"notePosition": 70,
|
"notePosition": 80,
|
||||||
"prefix": null,
|
"prefix": null,
|
||||||
"isExpanded": false,
|
"isExpanded": false,
|
||||||
"type": "text",
|
"type": "text",
|
||||||
@ -4818,7 +4955,7 @@
|
|||||||
"QEAPj01N5f7w"
|
"QEAPj01N5f7w"
|
||||||
],
|
],
|
||||||
"title": "Links",
|
"title": "Links",
|
||||||
"notePosition": 80,
|
"notePosition": 90,
|
||||||
"prefix": null,
|
"prefix": null,
|
||||||
"isExpanded": false,
|
"isExpanded": false,
|
||||||
"type": "text",
|
"type": "text",
|
||||||
@ -4877,7 +5014,7 @@
|
|||||||
"S6Xx8QIWTV66"
|
"S6Xx8QIWTV66"
|
||||||
],
|
],
|
||||||
"title": "Lists",
|
"title": "Lists",
|
||||||
"notePosition": 90,
|
"notePosition": 100,
|
||||||
"prefix": null,
|
"prefix": null,
|
||||||
"isExpanded": false,
|
"isExpanded": false,
|
||||||
"type": "text",
|
"type": "text",
|
||||||
@ -4943,6 +5080,71 @@
|
|||||||
"dataFileName": "5_Lists_image.png"
|
"dataFileName": "5_Lists_image.png"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"isClone": false,
|
||||||
|
"noteId": "BFvAtE74rbP6",
|
||||||
|
"notePath": [
|
||||||
|
"pOsGYCXsbNQG",
|
||||||
|
"KSZ04uQ2D1St",
|
||||||
|
"iPIMuisry3hd",
|
||||||
|
"BFvAtE74rbP6"
|
||||||
|
],
|
||||||
|
"title": "Table of contents",
|
||||||
|
"notePosition": 110,
|
||||||
|
"prefix": null,
|
||||||
|
"isExpanded": false,
|
||||||
|
"type": "text",
|
||||||
|
"mime": "text/html",
|
||||||
|
"attributes": [
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "XpOYSgsLkTJy",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 10
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "_optionsTextNotes",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 20
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "label",
|
||||||
|
"name": "iconClass",
|
||||||
|
"value": "bx bx-heading",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 30
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "zEY4DaJG4YT5",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 40
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "relation",
|
||||||
|
"name": "internalLink",
|
||||||
|
"value": "RnaPdbciOfeq",
|
||||||
|
"isInheritable": false,
|
||||||
|
"position": 50
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"format": "html",
|
||||||
|
"dataFileName": "Table of contents.html",
|
||||||
|
"attachments": [
|
||||||
|
{
|
||||||
|
"attachmentId": "DL6PJX71Fk3S",
|
||||||
|
"title": "image.png",
|
||||||
|
"role": "image",
|
||||||
|
"mime": "image/png",
|
||||||
|
"position": 10,
|
||||||
|
"dataFileName": "Table of contents_image.png"
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|||||||
@ -0,0 +1,45 @@
|
|||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="../../../style.css">
|
||||||
|
<base target="_parent">
|
||||||
|
<title data-trilium-title>Right Sidebar</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="content">
|
||||||
|
<h1 data-trilium-h1>Right Sidebar</h1>
|
||||||
|
|
||||||
|
<div class="ck-content">
|
||||||
|
<figure class="image">
|
||||||
|
<img style="aspect-ratio:1036/372;" src="Right Sidebar_image.png" width="1036"
|
||||||
|
height="372">
|
||||||
|
</figure>
|
||||||
|
<p>The right sidebar displays specific content for the current note. Currently
|
||||||
|
it includes:</p>
|
||||||
|
<ul>
|
||||||
|
<li><a class="reference-link" href="../../Note%20Types/Text/Table%20of%20contents.html">Table of contents</a>
|
||||||
|
</li>
|
||||||
|
<li><a class="reference-link" href="../../Note%20Types/Text/Highlights%20list.html">Highlights list</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<p>Note that the sidebar is not displayed if it would otherwise be empty,
|
||||||
|
for example if there are too few headings and there are no highlights.</p>
|
||||||
|
<h2>Toggling the right sidebar</h2>
|
||||||
|
<p>The sidebar can be hidden or shown by using the <code>toggleRightPane</code> keyboard
|
||||||
|
shortcut, which is not assigned by default.</p>
|
||||||
|
<h2>Relation with splits</h2>
|
||||||
|
<p>When using <a class="reference-link" href="Split%20View.html">Split View</a>,
|
||||||
|
there is a single sidebar serving all the open splits for the current
|
||||||
|
<a
|
||||||
|
href="Tabs.html">tab</a>.</p>
|
||||||
|
<p>Clicking on a note within the split view will display the sidebar for
|
||||||
|
that note. If there are no items to display in the sidebar, it will remain
|
||||||
|
closed.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
52
src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Text/Highlights list.html
generated
Normal file
52
src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Text/Highlights list.html
generated
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="../../../style.css">
|
||||||
|
<base target="_parent">
|
||||||
|
<title data-trilium-title>Highlights list</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="content">
|
||||||
|
<h1 data-trilium-h1>Highlights list</h1>
|
||||||
|
|
||||||
|
<div class="ck-content">
|
||||||
|
<figure class="image image-style-align-right">
|
||||||
|
<img style="aspect-ratio:250/150;" src="Highlights list_image.png" width="250"
|
||||||
|
height="150">
|
||||||
|
</figure>
|
||||||
|
<p>Similar to the <a class="reference-link" href="Table%20of%20contents.html">Table of contents</a>,
|
||||||
|
but instead of headings this feature will list highlighted text from a
|
||||||
|
text note and allow easy navigation to them. The list will be displayed
|
||||||
|
in the <a class="reference-link" href="../../Basic%20Concepts%20and%20Features/UI%20Elements/Right%20Sidebar.html">Right Sidebar</a>,
|
||||||
|
provided there is at least one highlighted text.</p>
|
||||||
|
<p>Highlighted text is defined as:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Bold text.</li>
|
||||||
|
<li>Italic text.</li>
|
||||||
|
<li>Underlined text.</li>
|
||||||
|
<li>Text with a foreground color set.</li>
|
||||||
|
<li>Text with a background color/highlight set.</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Interaction</h2>
|
||||||
|
<ul>
|
||||||
|
<li>Clicking on a highlighted text will scroll the document to its position.</li>
|
||||||
|
<li>Pressing the close button will dismiss the list of highlights but it can
|
||||||
|
be shown again from the <a class="reference-link" href="../../Basic%20Concepts%20and%20Features/UI%20Elements/Floating%20buttons.html">Floating buttons</a> section.</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Global configuration</h2>
|
||||||
|
<p>It's possible to toggle the display of each category of highlighted text
|
||||||
|
(as defined above) in the highlights list by going to <a class="reference-link"
|
||||||
|
href="#root/_hidden/_options/_optionsTextNotes">Text Notes</a> settings
|
||||||
|
and looking for the <em>Highlights List</em> section.</p>
|
||||||
|
<h2>Per-note configuration</h2>
|
||||||
|
<p>To suppress the display of highlighted text for one specific note, use
|
||||||
|
<a
|
||||||
|
class="reference-link" href="../../Advanced%20Usage/Attributes.html">Attributes</a> to add the <code>#hideHighlightWidget</code> label.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Text/Highlights list_image.png
generated
Normal file
BIN
src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Text/Highlights list_image.png
generated
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
52
src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Text/Table of contents.html
generated
Normal file
52
src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Text/Table of contents.html
generated
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="../../../style.css">
|
||||||
|
<base target="_parent">
|
||||||
|
<title data-trilium-title>Table of contents</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="content">
|
||||||
|
<h1 data-trilium-h1>Table of contents</h1>
|
||||||
|
|
||||||
|
<div class="ck-content">
|
||||||
|
<figure class="image image-style-align-right">
|
||||||
|
<img style="aspect-ratio:243/171;" src="Table of contents_image.png" width="243"
|
||||||
|
height="171">
|
||||||
|
</figure>
|
||||||
|
<p>The table of contents appears in the <a class="reference-link" href="../../Basic%20Concepts%20and%20Features/UI%20Elements/Right%20Sidebar.html">Right Sidebar</a> automatically
|
||||||
|
when there are multiple headings in a text note.</p>
|
||||||
|
<h2>Interaction</h2>
|
||||||
|
<ul>
|
||||||
|
<li>Clicking on a heading will scroll the document to the position of the
|
||||||
|
heading.</li>
|
||||||
|
<li>Pressing the close button will dismiss the table of contents but it can
|
||||||
|
be shown again from the <a class="reference-link" href="../../Basic%20Concepts%20and%20Features/UI%20Elements/Floating%20buttons.html">Floating buttons</a> section.</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Global configuration</h2>
|
||||||
|
<p>In <a class="reference-link" href="#root/_hidden/_options/_optionsTextNotes">Text Notes</a> options,
|
||||||
|
look for the <em>Table of Contents</em> section and configure the minimum
|
||||||
|
amount of headings that need to be present in the current note in order
|
||||||
|
for the table of contents to show:</p>
|
||||||
|
<ul>
|
||||||
|
<li>To always hide it, set the value to a really large number (e.g. 10000).</li>
|
||||||
|
<li>To always display it if there's at least a single heading, set the value
|
||||||
|
to 1.</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Per-note configuration</h2>
|
||||||
|
<p>Use <a class="reference-link" href="../../Advanced%20Usage/Attributes.html">Attributes</a> to
|
||||||
|
configure the table of contents for a particular note:</p>
|
||||||
|
<ul>
|
||||||
|
<li><code>#toc=show</code> will show the table of contents for that note regardless
|
||||||
|
of the global settings.</li>
|
||||||
|
<li>Similarly, <code>#toc=hide</code> will always hide the table of contents
|
||||||
|
for that note.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Text/Table of contents_image.png
generated
Normal file
BIN
src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Text/Table of contents_image.png
generated
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
@ -106,6 +106,9 @@
|
|||||||
<li><a href="User%20Guide/Basic%20Concepts%20and%20Features/UI%20Elements/Floating%20buttons.html"
|
<li><a href="User%20Guide/Basic%20Concepts%20and%20Features/UI%20Elements/Floating%20buttons.html"
|
||||||
target="detail">Floating buttons</a>
|
target="detail">Floating buttons</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li><a href="User%20Guide/Basic%20Concepts%20and%20Features/UI%20Elements/Right%20Sidebar.html"
|
||||||
|
target="detail">Right Sidebar</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="User%20Guide/Basic%20Concepts%20and%20Features/Notes.html" target="detail">Notes</a>
|
<li><a href="User%20Guide/Basic%20Concepts%20and%20Features/Notes.html" target="detail">Notes</a>
|
||||||
@ -231,6 +234,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li><a href="User%20Guide/Note%20Types/Text/Formatting%20toolbar.html" target="detail">Formatting toolbar</a>
|
<li><a href="User%20Guide/Note%20Types/Text/Formatting%20toolbar.html" target="detail">Formatting toolbar</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li><a href="User%20Guide/Note%20Types/Text/Highlights%20list.html" target="detail">Highlights list</a>
|
||||||
|
</li>
|
||||||
<li><a href="User%20Guide/Note%20Types/Text/Images.html" target="detail">Images</a>
|
<li><a href="User%20Guide/Note%20Types/Text/Images.html" target="detail">Images</a>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="User%20Guide/Note%20Types/Text/Images/Image%20references.html"
|
<li><a href="User%20Guide/Note%20Types/Text/Images/Image%20references.html"
|
||||||
@ -244,6 +249,8 @@
|
|||||||
</li>
|
</li>
|
||||||
<li><a href="User%20Guide/Note%20Types/Text/Lists.html" target="detail">Lists</a>
|
<li><a href="User%20Guide/Note%20Types/Text/Lists.html" target="detail">Lists</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li><a href="User%20Guide/Note%20Types/Text/Table%20of%20contents.html" target="detail">Table of contents</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="User%20Guide/Note%20Types/Code.html" target="detail">Code</a>
|
<li><a href="User%20Guide/Note%20Types/Code.html" target="detail">Code</a>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user