chore(docs): add back some image sizes

This commit is contained in:
Elian Doran 2025-04-05 03:00:43 +03:00
parent da42ddeee7
commit 1f98e75c54
No known key found for this signature in database
8 changed files with 617 additions and 659 deletions

File diff suppressed because it is too large Load Diff

View File

@ -5,11 +5,11 @@ In Trilium, is possible to work with two or more notes side-by-side.
## **Interactions** ## **Interactions**
* Press the ![](Split%20View_Split%20View_imag.png) button to the right of a note's title to open a new split to the right of it. * Press the <img src="Split View_Split View_imag.png" width="16" height="16"> button to the right of a note's title to open a new split to the right of it.
* It is possible to have as many splits as desired, simply press again the button. * It is possible to have as many splits as desired, simply press again the button.
* Only horizontal splits are possible, vertical or drag & dropping is not supported. * Only horizontal splits are possible, vertical or drag & dropping is not supported.
* When at least one split is open, press the ![](Split%20View_3_Split%20View_im.png) button next to it to close it. * When at least one split is open, press the ![](Split%20View_3_Split%20View_im.png) button next to it to close it.
* Use the ![](Split%20View_4_Split%20View_im.png) or the ![](Split%20View_1_Split%20View_im.png) button to move around the splits. * Use the <img src="Split View_4_Split View_im.png" width="7" height="10"> or the <img src="Split View_1_Split View_im.png" width="7" height="10"> button to move around the splits.
* Each [tab](Tabs.md) has its own split view configuration (e.g. one tab can have two notes in a split view, whereas the others are one-note views). * Each [tab](Tabs.md) has its own split view configuration (e.g. one tab can have two notes in a split view, whereas the others are one-note views).
* The tab will indicate only the title of the main note (the first one in the list). * The tab will indicate only the title of the main note (the first one in the list).

View File

@ -10,7 +10,7 @@ To create a new note of a different type, head to the <a class="reference-link"
* _Insert note after_, to put the new note underneath the one selected. * _Insert note after_, to put the new note underneath the one selected.
* _Insert child note_, to insert the note as a child of the selected note. * _Insert child note_, to insert the note as a child of the selected note.
![](Note%20Types_image.png) <img src="Note Types_image.png" width="613" height="529">
## Creating a new note of a different type via add link or new tab ## Creating a new note of a different type via add link or new tab

View File

@ -12,7 +12,7 @@ Since these files come from an external source, it is not possible to create a _
### PDFs ### PDFs
![](File_image.png) <img src="File_image.png" width="933" height="666">
PDFs can be browsed directly from Trilium. PDFs can be browsed directly from Trilium.
@ -29,15 +29,15 @@ Interaction:
### Images ### Images
![](4_File_image.png) <img src="4_File_image.png" width="879" height="766">
Interaction: Interaction:
* _Copy reference to clipboard_, for embedding the image within [Text](Text.md) notes. See [Image references](Text/Images/Image%20references.md) for more information. * _Copy reference to clipboard_, for embedding the image within <a class="reference-link" href="Text.md">Text</a> notes. See <a class="reference-link" href="Text/Images/Image%20references.md">Image references</a> for more information.
### Videos ### Videos
![](1_File_image.png) <img src="1_File_image.png" width="854" height="700">
Video files can be added in as well. The file is streamed directly, so when accessing the note from a server it doesn't have to download the entire video to start playing it. Video files can be added in as well. The file is streamed directly, so when accessing the note from a server it doesn't have to download the entire video to start playing it.
@ -46,7 +46,7 @@ Video files can be added in as well. The file is streamed directly, so when acce
### Audio ### Audio
![](3_File_image.png) <img src="3_File_image.png" width="850" height="243">
Adding a supported audio file will reveal a basic audio player that can be used to play it. Adding a supported audio file will reveal a basic audio player that can be used to play it.
@ -59,7 +59,7 @@ Interactions:
### Text files ### Text files
![](2_File_image.png) <img src="2_File_image.png" width="926" height="347">
Files that are identified as containing text will show a preview of their content. One common use case for this type of file is to embed text files whose content is not necessarily of interest to the user, such as third-party libraries or generated content, that can then be downloaded if needed. Files that are identified as containing text will show a preview of their content. One common use case for this type of file is to embed text files whose content is not necessarily of interest to the user, such as third-party libraries or generated content, that can then be downloaded if needed.
@ -69,7 +69,7 @@ Since one of the use cases for having files instead of notes is to display large
### Unknown file types ### Unknown file types
![](5_File_image.png) <img src="5_File_image.png" width="532" height="240">
If the file could not be identified as any of the supported file types from above, it will be treated as an unknown file. In this case, all the default interactions will be available such as downloading or opening the file externally, but there will be no preview of the content. If the file could not be identified as any of the supported file types from above, it will be treated as an unknown file. In this case, all the default interactions will be available such as downloading or opening the file externally, but there will be no preview of the content.
@ -84,6 +84,6 @@ If the file could not be identified as any of the supported file types from abov
## Relation with other notes ## Relation with other notes
* Files are also displayed in the <a class="reference-link" href="../Basic%20Concepts%20and%20Features/Notes/Note%20List.md">Note List</a> based on their type:![](6_File_image.png) * Files are also displayed in the <a class="reference-link" href="../Basic%20Concepts%20and%20Features/Notes/Note%20List.md">Note List</a> based on their type:<img src="6_File_image.png" width="853" height="315">
* Non-image files can be embedded into text notes as read-only widgets via the <a class="reference-link" href="Text/Include%20Note.md">Include Note</a> functionality. * Non-image files can be embedded into text notes as read-only widgets via the <a class="reference-link" href="Text/Include%20Note.md">Include Note</a> functionality.
* Image files can be embedded into text notes like normal images via <a class="reference-link" href="Text/Images/Image%20references.md">Image references</a>. * Image files can be embedded into text notes like normal images via <a class="reference-link" href="Text/Images/Image%20references.md">Image references</a>.

View File

@ -1,5 +1,5 @@
# Image references # Image references
![](Image%20references_image.png) <img src="Image references_image.png" width="880" height="553">
Image references are an easy way to embed the preview of another note type into a <a class="reference-link" href="../../Text.md">Text</a> note. Image references are an easy way to embed the preview of another note type into a <a class="reference-link" href="../../Text.md">Text</a> note.
@ -11,7 +11,7 @@ Image references are an easy way to embed the preview of another note type into
## Steps ## Steps
1. Go to one of the supported notes (listed above) and look for the ![](1_Image%20references_image.png) button in the <a class="reference-link" href="../../../Basic%20Concepts%20and%20Features/UI%20Elements/Floating%20buttons.md">Floating buttons</a> area. 1. Go to one of the supported notes (listed above) and look for the <img src="1_Image references_image.png" width="18" height="18"> button in the <a class="reference-link" href="../../../Basic%20Concepts%20and%20Features/UI%20Elements/Floating%20buttons.md">Floating buttons</a> area.
2. Go to a <a class="reference-link" href="../../Text.md">Text</a> note and use the Paste function to insert the reference to that note. 2. Go to a <a class="reference-link" href="../../Text.md">Text</a> note and use the Paste function to insert the reference to that note.
## Interaction ## Interaction

View File

@ -3,4 +3,4 @@ Text notes can "include" another note as a read-only widget. This can be useful
## Including a note ## Including a note
In the <a class="reference-link" href="Formatting%20toolbar.md">Formatting toolbar</a>, look for the ![](Include%20Note_image.png) button. There is also a keyboard shortcut defined for it but it is not allocated by default. In the <a class="reference-link" href="Formatting%20toolbar.md">Formatting toolbar</a>, look for the <img src="Include Note_image.png" width="16" height="16"> button. There is also a keyboard shortcut defined for it but it is not allocated by default.

File diff suppressed because it is too large Load Diff

View File

@ -72,7 +72,7 @@
<p>Some note types have a special behavior based on whether the read-only <p>Some note types have a special behavior based on whether the read-only
mode is enabled:</p> mode is enabled:</p>
<ul> <ul>
<li><a class="reference-link" href="#root/rswjxUmAz64R/aOI0RYfC3wic/ObWG9tSNscDb">Mermaid Diagrams</a>&nbsp;will <li><a class="reference-link" href="../../Note%20Types/Mermaid%20Diagrams.html">Mermaid Diagrams</a>&nbsp;will
hide the Mermaid source code and display the diagram preview in full-size. hide the Mermaid source code and display the diagram preview in full-size.
In this case, the read-only mode can be easily toggled on or off via a In this case, the read-only mode can be easily toggled on or off via a
dedicated button in the&nbsp;<a class="reference-link" href="../UI%20Elements/Floating%20buttons.html">Floating buttons</a>&nbsp;area.</li> dedicated button in the&nbsp;<a class="reference-link" href="../UI%20Elements/Floating%20buttons.html">Floating buttons</a>&nbsp;area.</li>