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

feat(docs): align documentation with new settings

Browse Source
This commit is contained in:
Elian Doran 2025-03-14 11:32:07 +02:00
parent 0c55b1eee8
commit c8725ce6ef
No known key found for this signature in database
13 changed files with 175 additions and 148 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -9,7 +9,7 @@
"pOsGYCXsbNQG" "pOsGYCXsbNQG"
], ],
"title": "User Guide", "title": "User Guide",
"notePosition": 70, "notePosition": 90,
"prefix": null, "prefix": null,
"isExpanded": false, "isExpanded": false,
"type": "text", "type": "text",

2
docs/User Guide/User Guide/Note Types/Text/Content language & Right-to-le.md
View File

@ -1,5 +1,5 @@
# Content language & Right-to-left support # Content language & Right-to-left support
![](Content%20language%20&%20Right-t.png) ![](api/images/968hoInE6OuV/Content%20language%20&%20Right-t.png)
A language hint can be provided for text notes. This option informs the browser or the desktop application about the language the note is written in (for example this might help with spellchecking), and it also determines whether the text is displayed from right-to-left for languages such as Arabic, Hebrew, etc. A language hint can be provided for text notes. This option informs the browser or the desktop application about the language the note is written in (for example this might help with spellchecking), and it also determines whether the text is displayed from right-to-left for languages such as Arabic, Hebrew, etc.

2
src/public/app/doc_notes/en/User Guide/!!!meta.json generated
View File

@ -9,7 +9,7 @@
"pOsGYCXsbNQG" "pOsGYCXsbNQG"
], ],
"title": "User Guide", "title": "User Guide",
"notePosition": 70, "notePosition": 90,
"prefix": null, "prefix": null,
"isExpanded": true, "isExpanded": true,
"type": "text", "type": "text",

8
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts/UI Elements/Global menu.html generated
View File

@ -16,10 +16,12 @@
<p>The global menu configures the current window (zoom, keeping the window <p>The global menu configures the current window (zoom, keeping the window
on top) and offers access to some more advanced options.</p> on top) and offers access to some more advanced options.</p>
<p> <p>
<img src="2_Global menu_image.png" width="245" height="332"> <img src="2_Global menu_image.png" alt="" />
</p> </p>
<h2>Accessing the global menu</h2>
<p>See&nbsp;<a class="reference-link" href="Vertical%20and%20horizontal%20layout.html">Vertical and horizontal layout</a>&nbsp;since <h2>Accessing the global menu</h2>
<p>See <a href="Vertical%20and%20horizontal%20layout.html">Vertical and horizontal layout</a> since
the position of the global menu is changed based on which layout has been the position of the global menu is changed based on which layout has been
selected.</p> selected.</p>
</div> </div>

93
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts/UI Elements/Launch Bar.html generated
View File

@ -14,11 +14,14 @@
<div class="ck-content"> <div class="ck-content">
<h2>Position of the Launch bar</h2> <h2>Position of the Launch bar</h2>
<p>Depending on the layout selected, the launcher bar will either be on the <p>Depending on the layout selected, the launcher bar will either be on the
left side of the screen with buttons displayed vertically or at the top left side of the screen with buttons displayed vertically or at the top
of the screen. See&nbsp;<a class="reference-link" href="Vertical%20and%20horizontal%20layout.html">Vertical and horizontal layout</a>&nbsp;for of the screen. See <a href="Vertical%20and%20horizontal%20layout.html">Vertical and horizontal layout</a> for
more information.</p> more information.</p>
<h2>Terminology</h2>
<h2>Terminology</h2>
<ul> <ul>
<li><strong>Launcher</strong>: a button that can be (or is) displayed on the <li><strong>Launcher</strong>: a button that can be (or is) displayed on the
launch bar.</li> launch bar.</li>
@ -27,85 +30,91 @@
<li><strong>Visible Launcher</strong>: a launcher that is currently displayed <li><strong>Visible Launcher</strong>: a launcher that is currently displayed
on the launch bar.</li> on the launch bar.</li>
</ul> </ul>
<h2>Configuring the Launch bar</h2>
<h2>Configuring the Launch bar</h2>
<p>There are two ways to configure the launch bar:</p> <p>There are two ways to configure the launch bar:</p>
<ul> <ul>
<li>Right click in the empty space between launchers on the launch bar and <li>Right click in the empty space between launchers on the launch bar and
select <i>Configure Launchbar.</i> select <em>Configure Launchbar.</em>
</li> </li>
<li>Click on the&nbsp;<a class="reference-link" href="Global%20menu.html">Global menu</a>&nbsp;and <li>Click on the <a href="Global%20menu.html">Global menu</a> and select <em>Configure Launchbar</em>.</li>
select <i>Configure Launchbar</i>.</li>
</ul> </ul>
<p>This will open a new tab with the&nbsp;<a class="reference-link" href="Note%20Tree.html">Note Tree</a>&nbsp;listing <p>This will open a new tab with the <a href="Note%20Tree.html">Note Tree</a> listing
the launchers.</p> the launchers.</p>
<p> <p>
<img src="Launch Bar_image.png" width="355" height="104"> <img src="Launch Bar_image.png" alt="" />
</p> </p>
<p>Expanding <i>Available Launchers</i> section will show the list of launchers <p>Expanding <em>Available Launchers</em> section will show the list of launchers
that are not displayed on the launch bar. The <i>Visible Launchers</i> will that are not displayed on the launch bar. The <em>Visible Launchers</em> will
show the ones that are currently displayed.</p> show the ones that are currently displayed.</p>
<h3>Adding/removing and reordering launchers</h3>
<p>To display a new launcher in the launch bar, first look for it in the <i>Available Launchers</i> section. <h3>Adding/removing and reordering launchers</h3>
Then right click it and select <i>Move to visible launchers</i>. It is also
possible to drag and drop the item manually.</p> <p>To display a new launcher in the launch bar, first look for it in the <em>Available Launchers</em> section.
<p>Similarly, to remove it from the launch bar, simply look for it in <i>Visible Launchers</i> then Then right click it and select <em>Move to visible launchers</em>. It is
right click it and select <i>Move to available launchers </i>or use drag-and-drop.</p> also possible to drag and drop the item manually.</p>
<p>Drag-and-drop the items in the&nbsp;tree&nbsp;in order to change their <p>Similarly, to remove it from the launch bar, simply look for it in <em>Visible Launchers</em> then
order. See&nbsp;<a class="reference-link" href="Note%20Tree.html">Note Tree</a>&nbsp;for right click it and select <em>Move to available launchers</em> or use drag-and-drop.</p>
more interaction options, including using keyboard shortcuts.</p> <p>Drag-and-drop the items in the tree in order to change their order. See 
<h2>Customizing the launcher</h2> <a
href="Note%20Tree.html">Note Tree</a> for more interaction options, including using keyboard shortcuts.</p>
<h2>Customizing the launcher</h2>
<ul> <ul>
<li>The icon of a launcher can be changed just like a normal note. See&nbsp; <li>The icon of a launcher can be changed just like a normal note. See 
<a <a
class="reference-link" href="../Note/Note%20Icons.html">Note Icons</a>&nbsp;for more information.</li> href="../Note/Note%20Icons.html">Note Icons</a> for more information.</li>
<li>The title of the launcher can also be changed.</li> <li>The title of the launcher can also be changed.</li>
</ul> </ul>
<h3>Resetting</h3>
<h3>Resetting</h3>
<p>Resetting allows restoring the original configuration of Trilium for the <p>Resetting allows restoring the original configuration of Trilium for the
launcher bar, or for a portion of it. Simply right click a launcher (or launcher bar, or for a portion of it. Simply right click a launcher (or
even the entire <i>Launch Bar</i> section) and select <i>Reset</i> to bring even the entire <em>Launch Bar</em> section) and select <em>Reset</em> to bring
it back to the original state.</p> it back to the original state.</p>
<h3>Creating new launchers / types of launchers</h3>
<p>Right click either the <i>Available launchers</i> or <i>Visible launchers</i> sections <h3>Creating new launchers / types of launchers</h3>
<p>Right click either the <em>Available launchers</em> or <em>Visible launchers</em> sections
and select one of the options:</p> and select one of the options:</p>
<ol> <ol>
<li> <li>
<p><strong>Note Launcher</strong> <p><strong>Note Launcher</strong>
<br>A note launcher will simply navigate to a specified note.</p> <br />A note launcher will simply navigate to a specified note.</p>
<ol> <ol>
<li>Set the <code>target</code> promoted attribute to the note to navigate to.</li> <li>Set the <code>target</code> promoted attribute to the note to navigate to.</li>
<li>Optionally, set <code>hoistedNote</code> to hoist a particular note. See&nbsp; <li>Optionally, set <code>hoistedNote</code> to hoist a particular note. See 
<a <a
class="reference-link" href="../Navigation/Note%20Hoisting.html">Note Hoisting</a>&nbsp;for more information.</li> href="../Navigation/Note%20Hoisting.html">Note Hoisting</a> for more information.</li>
<li>Optionally, set a <code>keyboardShortcut</code> to trigger the launcher.</li> <li>Optionally, set a <code>keyboardShortcut</code> to trigger the launcher.</li>
</ol> </ol>
<p>&nbsp;</p>
</li> </li>
<li> <li>
<p><strong>Script Launcher</strong> <p><strong>Script Launcher</strong>
<br>An advanced launcher which will run a script upon pressing. See&nbsp; <br />An advanced launcher which will run a script upon pressing. See <a href="../../Note%20Types/Code/Scripts.html">Scripts</a> for
<a more information.</p>
class="reference-link" href="../../Note%20Types/Code/Scripts.html">Scripts</a>&nbsp;for more information.</p>
<ol> <ol>
<li>Set <code>script</code> to point to the desired script to run.</li> <li>Set <code>script</code> to point to the desired script to run.</li>
<li>Optionally, set a <code>keyboardShortcut</code> to trigger the launcher.</li> <li>Optionally, set a <code>keyboardShortcut</code> to trigger the launcher.</li>
</ol> </ol>
<p>&nbsp;</p>
</li> </li>
<li> <li>
<p><strong>Custom Widget</strong> <p><strong>Custom Widget</strong>
</p> </p>
<p>Allows defining a custom widget to be rendered inside the launcher. See&nbsp; <p>Allows defining a custom widget to be rendered inside the launcher. See 
<a <a
class="reference-link" href="../../Developer%20Guides/Widget%20Basics.html">Widget Basics</a>&nbsp;for more information.</p> href="../../Developer%20Guides/Widget%20Basics.html">Widget Basics</a> for more information.</p>
<p>&nbsp;</p> </li>
<li>
<p><strong>Spacers</strong>
<br />Launchers that create some distance between other launchers for better
visual distinction.</p>
</li> </li>
<li><strong>Spacers</strong>
<br>Launchers that create some distance between other launchers for better
visual distinction.</li>
</ol> </ol>
<p>Launchers are configured via predefined&nbsp;<a class="reference-link" <p>Launchers are configured via predefined <a href="../../Advanced%20Usage/Attributes/Promoted%20Attributes.html">Promoted Attributes</a>.</p>
href="../../Advanced%20Usage/Attributes/Promoted%20Attributes.html">Promoted Attributes</a>.</p>
</div> </div>
</div> </div>
</body> </body>

28
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts/UI Elements/Note Tree.html generated
View File

@ -16,17 +16,23 @@
<p>This page explains how to manipulate the note tree in TriliumNext, focusing <p>This page explains how to manipulate the note tree in TriliumNext, focusing
on moving notes.</p> on moving notes.</p>
<p> <p>
<img src="1_Note Tree_image.png" width="284" height="459"> <img src="1_Note Tree_image.png" alt="" />
</p> </p>
<h2>Drag and Drop</h2>
<h2>Drag and Drop</h2>
<p> <p>
<img src="../../Attachments/drag-and-drop.gif" alt="Drag and drop example"> <img src="../../Attachments/drag-and-drop.gif" alt="Drag and drop example"
/>
</p> </p>
<p>You can easily rearrange the note tree by dragging and dropping notes, <p>You can easily rearrange the note tree by dragging and dropping notes,
as demonstrated in the example above.</p> as demonstrated in the example above.</p>
<h2>Keyboard Manipulation</h2>
<h2>Keyboard Manipulation</h2>
<p> <p>
<img src="../../Attachments/move-note-with-keyboard.gif" alt="Example of using keyboard keys to move a note">Trilium offers efficient keyboard-based manipulation using the following <img src="../../Attachments/move-note-with-keyboard.gif" alt="Example of using keyboard keys to move a note"
/>Trilium offers efficient keyboard-based manipulation using the following
<a <a
href="../Keyboard%20Shortcuts.html">shortcuts</a>:</p> href="../Keyboard%20Shortcuts.html">shortcuts</a>:</p>
<ul> <ul>
@ -39,22 +45,26 @@
through a demo or hands-on experience).</li> through a demo or hands-on experience).</li>
<li><code>LEFT</code> and <code>RIGHT</code>: Expand and collapse a sub-tree.</li> <li><code>LEFT</code> and <code>RIGHT</code>: Expand and collapse a sub-tree.</li>
</ul> </ul>
<h2>Context Menu</h2>
<h2>Context Menu</h2>
<p>You can also move notes using the familiar cut and paste functions available <p>You can also move notes using the familiar cut and paste functions available
in the context menu, or with the associated keyboard <a href="../Keyboard%20Shortcuts.html">shortcuts</a>: <code>CTRL-C</code> ( in the context menu, or with the associated keyboard <a href="../Keyboard%20Shortcuts.html">shortcuts</a>: <code>CTRL-C</code> (
<a <a
href="../Note/Cloning%20Notes.html">copy</a>), <code>CTRL-X</code> (cut) and <code>CTRL-V</code> (paste).</p> href="../Note/Cloning%20Notes.html">copy</a>), <code>CTRL-X</code> (cut) and <code>CTRL-V</code> (paste).</p>
<h2>Multiple selection</h2>
<h2>Multiple selection</h2>
<p>It is possible to select multiple notes at one time.</p> <p>It is possible to select multiple notes at one time.</p>
<p>To do so, first select the note to start the selection with. Then hold <p>To do so, first select the note to start the selection with. Then hold
Shift and click on the note to end the selection with. All the notes between Shift and click on the note to end the selection with. All the notes between
the start and the end note will be selected as well.</p> the start and the end note will be selected as well.</p>
<p> <p>
<img src="Note Tree_image.png" width="233" height="205"> <img src="Note Tree_image.png" alt="" />
</p> </p>
<p>In the right-click menu, operations such as Cut, Copy, Move to, Clone <p>In the right-click menu, operations such as Cut, Copy, Move to, Clone
to or Delete will apply to all the selected notes. It is also possible to or Delete will apply to all the selected notes. It is also possible
to apply&nbsp;<a class="reference-link" href="../../Advanced%20Usage/Bulk%20actions.html">Bulk actions</a>&nbsp;to to apply <a href="../../Advanced%20Usage/Bulk%20actions.html">Bulk actions</a> to
them. The rest of the options will not be available and will appear disabled them. The rest of the options will not be available and will appear disabled
in the menu.</p> in the menu.</p>
</div> </div>

15
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts/UI Elements/Ribbon.html generated
View File

@ -13,16 +13,17 @@
<h1 data-trilium-h1>Ribbon</h1> <h1 data-trilium-h1>Ribbon</h1>
<div class="ck-content"> <div class="ck-content">
<figure class="image"> <p>
<img style="aspect-ratio:1073/202;" src="Ribbon_image.png" width="1073" <img src="Ribbon_image.png" alt="" />
height="202"> </p>
</figure>
<p>The ribbon allows changing options, attributes and viewing information <p>The ribbon allows changing options, attributes and viewing information
about the current note.</p> about the current note.</p>
<h2>Settings</h2>
<h2>Settings</h2>
<p>It is possible to change whether some ribbon items will be automatically <p>It is possible to change whether some ribbon items will be automatically
open when navigating to a new note. To do so, in&nbsp;<a class="reference-link" open when navigating to a new note. To do so, in <a href="Options.html">Settings</a>,
href="Options.html">Settings</a>, go to <i>Appearance</i> and look for the <i>Ribbon widgets</i> section.</p> go to <em>Appearance</em> and look for the <em>Ribbon widgets</em> section.</p>
</div> </div>
</div> </div>
</body> </body>

76
src/public/app/doc_notes/en/User Guide/User Guide/Basic Concepts/UI Elements/Vertical and horizontal layout.html generated
View File

@ -14,56 +14,58 @@
<div class="ck-content"> <div class="ck-content">
<h2>Layouts</h2> <h2>Layouts</h2>
<p>Trilium supports two different layouts, based on your preference.</p> <p>Trilium supports two different layouts, based on your preference.</p>
<h3>Vertical layout</h3>
<h3>Vertical layout</h3>
<p>The vertical layout is Trilium's original layout:</p> <p>The vertical layout is Trilium's original layout:</p>
<ul> <ul>
<li>The&nbsp;<a class="reference-link" href="Launch%20Bar.html">Launcher Bar</a>&nbsp;is <li>The <a href="Launch%20Bar.html">Launcher Bar</a> is positioned on the
positioned on the left side of the screen, with buttons being laid out left side of the screen, with buttons being laid out vertically.</li>
vertically.</li> <li>The tab bar is at the top, but to the right of the <a href="Note%20Tree.html">Note Tree</a>.</li>
<li>The tab bar is at the top, but to the right of the&nbsp;<a class="reference-link" <li>The <a href="Quick%20search.html">Quick search</a> is at the top of the 
<a
href="Note%20Tree.html">Note Tree</a>.</li> href="Note%20Tree.html">Note Tree</a>.</li>
<li>The&nbsp;<a class="reference-link" href="Quick%20search.html">Quick search</a>&nbsp;is <li>The <a href="Note%20Tree.html">Note Tree</a> can be collapsed by pressing
at the top of the&nbsp;<a class="reference-link" href="Note%20Tree.html">Note Tree</a>.</li> the
<li>The&nbsp;<a class="reference-link" href="Note%20Tree.html">Note Tree</a>&nbsp;can <img src="6_Vertical and horizontal la.png" alt="" />button at the bottom of the <a href="Launch%20Bar.html">Launcher Bar</a>.</li>
be collapsed by pressing the <li>The <a href="Global%20menu.html">Global menu</a> can be accessed via the
<img src="6_Vertical and horizontal la.png" <img
width="11" height="11">button at the bottom of the&nbsp;<a class="reference-link" href="Launch%20Bar.html">Launcher Bar</a>.</li> src="5_Vertical and horizontal la.png" alt="" />icon at the top of the <a href="Launch%20Bar.html">Launcher Bar</a>.</li>
<li>The&nbsp;<a class="reference-link" href="Global%20menu.html">Global menu</a>&nbsp;can
be accessed via the
<img src="5_Vertical and horizontal la.png" width="26"
height="23">icon at the top of the&nbsp;<a class="reference-link" href="Launch%20Bar.html">Launcher Bar</a>.</li>
</ul> </ul>
<p> <p>
<img src="4_Vertical and horizontal la.png" width="1043" height="684"> <img src="4_Vertical and horizontal la.png" alt="" />
</p> </p>
<h3>Horizontal layout</h3>
<h3>Horizontal layout</h3>
<p>The horizontal layout is a more traditional layout, since it bears similarity <p>The horizontal layout is a more traditional layout, since it bears similarity
with other applications. In this mode:</p> with other applications. In this mode:</p>
<ul> <ul>
<li>The&nbsp;<a class="reference-link" href="Launch%20Bar.html">Launcher Bar</a>&nbsp;is <li>The <a href="Launch%20Bar.html">Launcher Bar</a> is at the top of the
at the top of the screen, with the buttons laid horizontally.</li> screen, with the buttons laid horizontally.</li>
<li>The tab bar is at the top of the screen, but now covers the entirety of <li>The tab bar is at the top of the screen, but now covers the entirety of
the width, allowing for more tabs to be displayed at once.</li> the width, allowing for more tabs to be displayed at once.</li>
<li>The&nbsp;<a class="reference-link" href="Quick%20search.html">Quick search</a>&nbsp;is <li>The <a href="Quick%20search.html">Quick search</a> is now part of the 
now part of the&nbsp;<a class="reference-link" href="Launch%20Bar.html">Launcher Bar</a>. <a
It can be moved around according to preference and even removed if needed.</li> href="Launch%20Bar.html">Launcher Bar</a>. It can be moved around according to preference and even
<li>The&nbsp;<a class="reference-link" href="Note%20Tree.html">Note Tree</a>&nbsp;can removed if needed.</li>
be collapsed by pressing the small <li>The <a href="Note%20Tree.html">Note Tree</a> can be collapsed by pressing
<img src="2_Vertical and horizontal la.png" the small
width="14" height="13">button to the left of the first tab.</li> <img src="2_Vertical and horizontal la.png" alt="" />button to the left of the first tab.</li>
<li>The&nbsp;<a class="reference-link" href="Global%20menu.html">Global menu</a>&nbsp;can <li>The <a href="Global%20menu.html">Global menu</a> can be accessed via the
be accessed via the <img
<img src="1_Vertical and horizontal la.png" width="15" src="1_Vertical and horizontal la.png" alt="" />button at the end of the <a href="Launch%20Bar.html">Launcher Bar</a>.</li>
height="11">button at the end of the&nbsp;<a class="reference-link" href="Launch%20Bar.html">Launcher Bar</a>.</li>
</ul> </ul>
<figure class="image"> <p>
<img style="aspect-ratio:1043/684;" src="3_Vertical and horizontal la.png" <img src="3_Vertical and horizontal la.png" alt="" />
width="1043" height="684"> </p>
</figure>
<h2>Changing the layout</h2> <h2>Changing the layout</h2>
<p>Go to&nbsp;<a class="reference-link" href="#root/_hidden/_lbRoot/_lbVisibleLaunchers/_lbSettings">Settings</a>&nbsp;and
look for the <i>Appearance</i> option on the left. Then look for the <i>Layout </i>section, <p>Go to <a href="#root/_hidden/_lbRoot/_lbVisibleLaunchers/_lbSettings">Settings</a> and
look for the <em>Appearance</em> option on the left. Then look for the <em>Layout</em> section,
where there is the possibility to switch between the two available layouts.</p> where there is the possibility to switch between the two available layouts.</p>
<p>Selecting an option will immediately apply the new layout by reloading <p>Selecting an option will immediately apply the new layout by reloading
the window.</p> the window.</p>

38
src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Code.html generated
View File

@ -28,34 +28,34 @@
<li>JSON, XML etc. can be used as storage for structured data (typically used <li>JSON, XML etc. can be used as storage for structured data (typically used
in conjunction with scripting)</li> in conjunction with scripting)</li>
</ul> </ul>
<p>For shorter snippets of code that can be embedded in&nbsp;<a class="reference-link" <p>For shorter snippets of code that can be embedded in <a href="Text.html">Text</a> notes,
href="Text.html">Text</a>&nbsp;notes, see&nbsp;<a class="reference-link" see <a href="Text/Code%20blocks.html">Code blocks</a>.</p>
href="Text/Code%20blocks.html">Code blocks</a>.</p> <p>
<figure class="image"> <img src="Code_image.png" alt="" />
<img style="aspect-ratio:910/703;" src="Code_image.png" alt="" width="910" </p>
height="703">
</figure> <h2>Adjusting the language of a code note</h2>
<h2>Adjusting the language of a code note</h2>
<p>In the&nbsp;<a class="reference-link" href="../Basic%20Concepts/UI%20Elements/Ribbon.html">Ribbon</a>, <p>In the <a href="../Basic%20Concepts/UI%20Elements/Ribbon.html">Ribbon</a>,
look for the <i>Note type</i> selector and click it to reveal the possible look for the <em>Note type</em> selector and click it to reveal the possible
note types. Inside of it there will be a section called <i>Code</i>, select note types. Inside of it there will be a section called <em>Code</em>, select
any one of the languages.</p> any one of the languages.</p>
<p> <p>
<img src="1_Code_image.png" width="254" height="400"> <img src="1_Code_image.png" alt="" />
</p> </p>
<h2>Adjusting the list of languages</h2>
<h2>Adjusting the list of languages</h2>
<p>Trilium supports syntax highlighting for many languages, but by default <p>Trilium supports syntax highlighting for many languages, but by default
displays only some of them. The supported languages can be adjusted by displays only some of them. The supported languages can be adjusted by
going to&nbsp;<a class="reference-link" href="../Basic%20Concepts/UI%20Elements/Options.html">Options</a>, going to <a href="../Basic%20Concepts/UI%20Elements/Options.html">Options</a>,
then <i>Code Notes</i> and looking for the <i>Available MIME types in the dropdown</i> section. then <em>Code Notes</em> and looking for the <em>Available MIME types in the dropdown</em> section.
Simply check any of the items to add them to the list, or un-check them Simply check any of the items to add them to the list, or un-check them
to remove them from the list.</p> to remove them from the list.</p>
<p>Note that the list of languages is not immediately refreshed, you'd have <p>Note that the list of languages is not immediately refreshed, you'd have
to manually <a href="../Troubleshooting/Refreshing%20the%20application.html">refresh the application</a>.</p> to manually <a href="../Troubleshooting/Refreshing%20the%20application.html">refresh the application</a>.</p>
<p>The list of languages is also shared with the&nbsp;<a class="reference-link" <p>The list of languages is also shared with the <a href="Text/Code%20blocks.html">Code blocks</a> feature
href="Text/Code%20blocks.html">Code blocks</a>&nbsp;feature of&nbsp; of <a href="Text.html">Text</a> notes.</p>
<a
class="reference-link" href="Text.html">Text</a>&nbsp;notes.</p>
</div> </div>
</div> </div>
</body> </body>

19
src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Text/Code blocks.html generated
View File

@ -18,14 +18,14 @@
</p> </p>
<p>The code blocks feature allows entering pieces of code in text notes.</p> <p>The code blocks feature allows entering pieces of code in text notes.</p>
<p>Note that this feature is meant for generally small snippets of code. <p>Note that this feature is meant for generally small snippets of code.
For larger files such as an entire log, see the dedicated&nbsp;<a href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/FVuX89AJuFSw">[missing note]</a>&nbsp;note For larger files such as an entire log, see the dedicated <a href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/FVuX89AJuFSw">[missing note]</a> note
type instead.</p> type instead.</p>
<h2>Inserting a code block</h2> <h2>Inserting a code block</h2>
<ul> <ul>
<li>Via the&nbsp;<a href="Formatting%20toolbar.html">Formatting toolbar</a>, <li>Via the <a href="Formatting%20toolbar.html">Formatting toolbar</a>, look
look for the for the
<img src="Code blocks_image.png" alt="" />button. <img src="Code blocks_image.png" alt="" />button.
<ul> <ul>
<li>Pressing directly on the icon will insert a code block with the language <li>Pressing directly on the icon will insert a code block with the language
@ -47,8 +47,8 @@
<p>Since TriliumNext v0.90.12, Trilium will try to offer syntax highlighting <p>Since TriliumNext v0.90.12, Trilium will try to offer syntax highlighting
to the code block. Note that the syntax highlighting mechanism is slightly to the code block. Note that the syntax highlighting mechanism is slightly
different than the one in&nbsp;<a href="../Code.html">Code Notes</a>&nbsp;notes different than the one in <a href="../Code.html">Code Notes</a> notes as
as different technologies are involved.</p> different technologies are involved.</p>
<p>When the language is set to <em>Auto-detected</em>, Trilium will try to <p>When the language is set to <em>Auto-detected</em>, Trilium will try to
identify the programming language (or similar) that corresponds to the identify the programming language (or similar) that corresponds to the
given snippet of text and highlight it. If this is problematic, consider given snippet of text and highlight it. If this is problematic, consider
@ -59,7 +59,7 @@
<h2>Changing the language of a code block</h2> <h2>Changing the language of a code block</h2>
<p>Simply click anywhere inside the code block and press again the code block <p>Simply click anywhere inside the code block and press again the code block
button in the&nbsp;<a href="Formatting%20toolbar.html">Formatting toolbar</a>: button in the <a href="Formatting%20toolbar.html">Formatting toolbar</a>:
<br <br
/> />
<img src="2_Code blocks_image.png" alt="" /> <img src="2_Code blocks_image.png" alt="" />
@ -67,10 +67,9 @@
<h2>Adjusting the list of languages</h2> <h2>Adjusting the list of languages</h2>
<p>The code blocks feature shares the list of languages with the&nbsp; <p>The code blocks feature shares the list of languages with the <a href="../Code.html">Code Notes</a> note
<a type.</p>
href="../Code.html">Code Notes</a>&nbsp;note type.</p> <p>The supported languages can be adjusted by going to <a href="../../Basic%20Concepts/UI%20Elements/Options.html">Options</a>,
<p>The supported languages can be adjusted by going to&nbsp;<a href="../../Basic%20Concepts/UI%20Elements/Options.html">Options</a>,
then <em>Code Notes</em> and looking for the <em>Available MIME types in the dropdown</em> section. then <em>Code Notes</em> and looking for the <em>Available MIME types in the dropdown</em> section.
Simply check any of the items to add them to the list, or uncheck them Simply check any of the items to add them to the list, or uncheck them
to remove them from the list.</p> to remove them from the list.</p>

18
src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Text/Content language & Right-to-le.html generated
View File

@ -13,21 +13,23 @@
<h1 data-trilium-h1>Content language &amp; Right-to-left support</h1> <h1 data-trilium-h1>Content language &amp; Right-to-left support</h1>
<div class="ck-content"> <div class="ck-content">
<div> <p>
<figure class="image"> <img src="api/images/968hoInE6OuV/Content language &amp; Right-t.png"
<img style="aspect-ratio:906/557;" src="Content language & Right-t.png" alt="" />
width="906" height="557"> </p>
</figure>
</div>
<p>A language hint can be provided for text notes. This option informs the <p>A language hint can be provided for text notes. This option informs the
browser or the desktop application about the language the note is written browser or the desktop application about the language the note is written
in (for example this might help with spellchecking), and it also determines in (for example this might help with spellchecking), and it also determines
whether the text is displayed from right-to-left for languages such as whether the text is displayed from right-to-left for languages such as
Arabic, Hebrew, etc.</p> Arabic, Hebrew, etc.</p>
<h2>Setting the language</h2>
<h2>Setting the language</h2>
<p>To set the language of the content, go to “Basic Properties” and look <p>To set the language of the content, go to “Basic Properties” and look
for the “Language” field.</p> for the “Language” field.</p>
<h2>Adjusting the list of languages</h2>
<h2>Adjusting the list of languages</h2>
<p>By default there will be no language configured, they can be configured <p>By default there will be no language configured, they can be configured
by going to settings or by selecting the “Configure languages” item when by going to settings or by selecting the “Configure languages” item when
setting the language.</p> setting the language.</p>

4
src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Text/Formatting toolbar.html generated
View File

@ -15,7 +15,7 @@
<div class="ck-content"> <div class="ck-content">
<p>Trilium allows two different editing experiences for text notes, based <p>Trilium allows two different editing experiences for text notes, based
on your preference.</p> on your preference.</p>
<p>To do so, go to&nbsp;<a href="../../Basic%20Concepts/UI%20Elements/Options.html">Options</a>&nbsp;and <p>To do so, go to <a href="../../Basic%20Concepts/UI%20Elements/Options.html">Options</a> and
look for the <em>Text Notes</em> section. There is a corresponding section look for the <em>Text Notes</em> section. There is a corresponding section
called <em>Formatting toolbar</em>.</p> called <em>Formatting toolbar</em>.</p>
@ -52,7 +52,7 @@
<p>The fixed formatting offers a more traditional editing paradigm, usually <p>The fixed formatting offers a more traditional editing paradigm, usually
useful if a lot of formatting is needed.</p> useful if a lot of formatting is needed.</p>
<p>All the options are combined into a single toolbar that will appear as <p>All the options are combined into a single toolbar that will appear as
part of the&nbsp;<a href="../../Basic%20Concepts/UI%20Elements/Ribbon.html">Ribbon</a>.</p> part of the <a href="../../Basic%20Concepts/UI%20Elements/Ribbon.html">Ribbon</a>.</p>
<p> <p>
<img src="2_Formatting toolbar_image.png" alt="" /> <img src="2_Formatting toolbar_image.png" alt="" />
</p> </p>

18
src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Text/Formatting.html generated
View File

@ -14,16 +14,18 @@
<div class="ck-content"> <div class="ck-content">
<h2>Developer-specific formatting</h2> <h2>Developer-specific formatting</h2>
<h3>Keyboard shortcuts</h3>
<h3>Keyboard shortcuts</h3>
<p>This allows marking a portion of text as a shortcut key.</p> <p>This allows marking a portion of text as a shortcut key.</p>
<figure class="image image-style-align-center"> <p>
<img style="aspect-ratio:415/42;" src="Formatting_image.png" width="415" <img src="Formatting_image.png" alt="" />
height="42"> </p>
</figure>
<p>To apply this style, press the <p>To apply this style, press the
<img src="2_Formatting_image.png" width="20" <img src="2_Formatting_image.png" alt=""
height="14">button in />button in
<img src="1_Formatting_image.png" width="20" height="14">group from the&nbsp;<a class="reference-link" href="Formatting%20toolbar.html">Formatting toolbar</a>. <img src="1_Formatting_image.png" alt="" />group from the <a href="Formatting%20toolbar.html">Formatting toolbar</a>.
On the floating toolbar, the buttons appear when selecting a text.</p> On the floating toolbar, the buttons appear when selecting a text.</p>
</div> </div>
</div> </div>