mirror of
https://github.com/zadam/trilium.git
synced 2025-12-03 22:14:24 +01:00
docs(user): document split functionality on mobile
This commit is contained in:
Elian Doran
parent
4b7d243406
commit
a8ec323ea8
@ -6,23 +6,21 @@
|
||||
which will work even without Trilium being in focus (requires app restart
|
||||
to take effect).</p>
|
||||
<h2>Tree</h2>
|
||||
<p>See the corresponding section: <a class="reference-link" href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/oPVyFC7WL2Lp/_help_DvdZhoQZY9Yd">Keyboard shortcuts</a>
|
||||
<p>See the corresponding section: <a class="reference-link" href="#root/_help_DvdZhoQZY9Yd">Keyboard shortcuts</a>
|
||||
</p>
|
||||
<h2>Note navigation</h2>
|
||||
<ul>
|
||||
<li data-list-item-id="ed8fd9c2ab08ae80ea76c1ae5dc943e90"><kbd>Alt</kbd> + <kbd><span>←</span></kbd>, <kbd>Alt</kbd> + <kbd><span>→</span></kbd> –
|
||||
<li><kbd>Alt</kbd> + <kbd><span>←</span></kbd>, <kbd>Alt</kbd> + <kbd><span>→</span></kbd> –
|
||||
go back / forwards in the history</li>
|
||||
<li data-list-item-id="eff3c5760b3d985e7808f1524982fcb9b"><kbd>Ctrl</kbd> + <kbd>J</kbd> – show <a href="#root/_help_MMiBEQljMQh2">"Jump to" dialog</a>
|
||||
<li><kbd>Ctrl</kbd> + <kbd>J</kbd> – show <a href="#root/_help_MMiBEQljMQh2">"Jump to" dialog</a>
|
||||
</li>
|
||||
<li data-list-item-id="e1fdee08a424868922b0579e78584279c"><kbd>Ctrl</kbd> + <kbd>.</kbd> – scroll to current note (useful when you
|
||||
<li><kbd>Ctrl</kbd> + <kbd>.</kbd> – scroll to current note (useful when you
|
||||
scroll away from your note or your focus is currently in the editor)</li>
|
||||
<li
|
||||
data-list-item-id="e9bbc51f19a729c10997010a915779d07"><kbd><span>Backspace</span></kbd> – jumps to parent note</li>
|
||||
<li data-list-item-id="eaaa0f36b2e561d4a24358552e633d924"><kbd>Alt</kbd> + <kbd>C</kbd> – collapse whole note tree</li>
|
||||
<li data-list-item-id="ee625a141f5298dbd52ecb6e56693e647"><kbd>Alt</kbd> + <kbd>-</kbd> (alt with minus sign) – collapse subtree (if
|
||||
<li><kbd><span>Backspace</span></kbd> – jumps to parent note</li>
|
||||
<li><kbd>Alt</kbd> + <kbd>C</kbd> – collapse whole note tree</li>
|
||||
<li><kbd>Alt</kbd> + <kbd>-</kbd> (alt with minus sign) – collapse subtree (if
|
||||
some subtree takes too much space on tree pane you can collapse it)</li>
|
||||
<li
|
||||
data-list-item-id="ec1bf00840a017ea798880470e419f3d9">you can define a <a href="#root/_help_zEY4DaJG4YT5">label</a> <code>#keyboardShortcut</code> with
|
||||
<li>you can define a <a href="#root/_help_zEY4DaJG4YT5">label</a> <code>#keyboardShortcut</code> with
|
||||
e.g. value <kbd>Ctrl</kbd> + <kbd>I</kbd> . Pressing this keyboard combination
|
||||
will then bring you to the note on which it is defined. Note that Trilium
|
||||
must be reloaded/restarted (<kbd>Ctrl</kbd> + <kbd>R</kbd> ) for changes to
|
||||
@ -31,23 +29,21 @@
|
||||
<p>See demo of some of these features in <a href="#root/_help_MMiBEQljMQh2">note navigation</a>.</p>
|
||||
<h2>Tabs</h2>
|
||||
<ul>
|
||||
<li data-list-item-id="e6a9d460427c0394177000c8a0eecfca4"><kbd>Ctrl</kbd> + <kbd>🖱 Left click</kbd> – (or middle mouse click) on note
|
||||
<li><kbd>Ctrl</kbd> + <kbd>🖱 Left click</kbd> – (or middle mouse click) on note
|
||||
link opens note in a new tab</li>
|
||||
</ul>
|
||||
<p>Only in desktop (electron build):</p>
|
||||
<ul>
|
||||
<li data-list-item-id="e745e6690db1a4bee718faa94b272013e"><kbd>Ctrl</kbd> + <kbd>T</kbd> – opens empty tab</li>
|
||||
<li data-list-item-id="ec34c224c2c0dd74367753a6aff4f9721"><kbd>Ctrl</kbd> + <kbd>W</kbd> – closes active tab</li>
|
||||
<li data-list-item-id="e4b9a2163cccc3ab7dbdcf6fb7f149315"><kbd>Ctrl</kbd> + <kbd>Tab</kbd> – activates next tab</li>
|
||||
<li data-list-item-id="eeeabd750227ec42c30b282b9b8ab5c8d"><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Tab</kbd> – activates previous tab</li>
|
||||
<li><kbd>Ctrl</kbd> + <kbd>T</kbd> – opens empty tab</li>
|
||||
<li><kbd>Ctrl</kbd> + <kbd>W</kbd> – closes active tab</li>
|
||||
<li><kbd>Ctrl</kbd> + <kbd>Tab</kbd> – activates next tab</li>
|
||||
<li><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Tab</kbd> – activates previous tab</li>
|
||||
</ul>
|
||||
<h2>Creating notes</h2>
|
||||
<ul>
|
||||
<li data-list-item-id="e90a7441e67297c921f8bb2145829dd55"><kbd>CTRL</kbd>+<kbd>O</kbd> – creates new note after the current note</li>
|
||||
<li
|
||||
data-list-item-id="e6064f6dd7b09083448cfb52247c94baa"><kbd>CTRL</kbd>+<kbd>P</kbd> – creates new sub-note into current note</li>
|
||||
<li
|
||||
data-list-item-id="e191cb0e7231c4439632d70da65dcf800"><kbd>F2</kbd> – edit <a class="reference-link" href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/BFs8mudNFgCS/IakOLONlIfGI/_help_TBwsyfadTA18">Branch prefix</a> of
|
||||
<li><kbd>CTRL</kbd>+<kbd>O</kbd> – creates new note after the current note</li>
|
||||
<li><kbd>CTRL</kbd>+<kbd>P</kbd> – creates new sub-note into current note</li>
|
||||
<li><kbd>F2</kbd> – edit <a class="reference-link" href="#root/_help_TBwsyfadTA18">Branch prefix</a> of
|
||||
current note clone</li>
|
||||
</ul>
|
||||
<h2>Editing notes</h2>
|
||||
@ -58,32 +54,30 @@
|
||||
class="reference-link" href="#root/_help_QrtTYPmdd1qq">Markdown-like formatting</a>.</p>
|
||||
</aside>
|
||||
<ul>
|
||||
<li data-list-item-id="eea3611b470b2482ccf07e8844e4f66b9"><kbd>Enter</kbd> in tree pane switches from tree pane into note title.
|
||||
<li><kbd>Enter</kbd> in tree pane switches from tree pane into note title.
|
||||
Enter from note title switches focus to text editor. <kbd>Ctrl</kbd>+<kbd>.</kbd> switches
|
||||
back from editor to tree pane.</li>
|
||||
<li data-list-item-id="e5dab831910ac694ccef7bc474b2e67fc"><kbd>Ctrl</kbd>+<kbd>.</kbd> – jump away from the editor to tree pane and
|
||||
<li><kbd>Ctrl</kbd>+<kbd>.</kbd> – jump away from the editor to tree pane and
|
||||
scroll to current note</li>
|
||||
</ul>
|
||||
<h2>Runtime shortcuts</h2>
|
||||
<p>These are hooked in Electron to be similar to native browser keyboard
|
||||
shortcuts.</p>
|
||||
<ul>
|
||||
<li data-list-item-id="e1a17ce297e78109362180536b7eabd68"><kbd>F5</kbd>, <kbd>Ctrl</kbd>+<kbd>R</kbd> – reloads Trilium front-end</li>
|
||||
<li
|
||||
data-list-item-id="e07d1b25dc46ce0b0bd76a8db13373198"><kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>I</kbd> – show developer tools</li>
|
||||
<li
|
||||
data-list-item-id="e7dc66078ba520c48364952f2ac48aa79"><kbd>Ctrl</kbd>+<kbd>F</kbd> – show search dialog</li>
|
||||
<li data-list-item-id="e63161bd165a51e19fd04dd1223173e68"><kbd>Ctrl</kbd>+<kbd>-</kbd> – zoom out</li>
|
||||
<li data-list-item-id="e961144d0a57b51792830a2182459c8cf"><kbd>Ctrl</kbd>+<kbd>=</kbd> – zoom in</li>
|
||||
<li><kbd>F5</kbd>, <kbd>Ctrl</kbd>+<kbd>R</kbd> – reloads Trilium front-end</li>
|
||||
<li><kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>I</kbd> – show developer tools</li>
|
||||
<li><kbd>Ctrl</kbd>+<kbd>F</kbd> – show search dialog</li>
|
||||
<li><kbd>Ctrl</kbd>+<kbd>-</kbd> – zoom out</li>
|
||||
<li><kbd>Ctrl</kbd>+<kbd>=</kbd> – zoom in</li>
|
||||
</ul>
|
||||
<h2>Other</h2>
|
||||
<ul>
|
||||
<li data-list-item-id="eb007c4ea2f2cd6eefbc8972d538c724c"><kbd>Alt</kbd> + <kbd>O</kbd> – show SQL console (use only if you know what
|
||||
<li><kbd>Alt</kbd> + <kbd>O</kbd> – show SQL console (use only if you know what
|
||||
you're doing)</li>
|
||||
<li data-list-item-id="e9caedb43e6c66fc7c57b4899bd6d5d76"><kbd>Alt</kbd> + <kbd>M</kbd> – distraction-free mode - display only note
|
||||
<li><kbd>Alt</kbd> + <kbd>M</kbd> – distraction-free mode - display only note
|
||||
editor, everything else is hidden</li>
|
||||
<li data-list-item-id="ec55bd0e5ff7da0c488a5378c0bdabed5"><kbd>F11</kbd> – toggle full screen</li>
|
||||
<li data-list-item-id="e8d4ec0d76155371de5d060ad661cb19e"><kbd>Ctrl</kbd> + <kbd>S</kbd> – toggle <a href="#root/_help_eIg8jdvaoNNd">search</a> form
|
||||
<li><kbd>F11</kbd> – toggle full screen</li>
|
||||
<li><kbd>Ctrl</kbd> + <kbd>S</kbd> – toggle <a href="#root/_help_eIg8jdvaoNNd">search</a> form
|
||||
in tree pane</li>
|
||||
<li data-list-item-id="eb938081f527f44b158be7c3ed4af4925"><kbd>Alt</kbd> +<kbd>A</kbd> – show note <a href="#root/_help_zEY4DaJG4YT5">attributes</a> dialog</li>
|
||||
<li><kbd>Alt</kbd> +<kbd>A</kbd> – show note <a href="#root/_help_zEY4DaJG4YT5">attributes</a> dialog</li>
|
||||
</ul>
|
||||
@ -2,52 +2,47 @@
|
||||
with multiple keyboard shortcuts to make editing faster:</p>
|
||||
<h2>Navigation within the tree</h2>
|
||||
<ul>
|
||||
<li data-list-item-id="eede1a5721dab5213153c6bb25bad38c9"><kbd><span>↑</span></kbd> and <kbd><span>↑</span></kbd> to navigate between
|
||||
<li><kbd><span>↑</span></kbd> and <kbd><span>↑</span></kbd> to navigate between
|
||||
notes.</li>
|
||||
<li data-list-item-id="ec4c4ab60720b34a95f73e93223ed3628"><kbd><span>←</span></kbd> to collapse a note with children, or <kbd><span>→</span></kbd> to
|
||||
<li><kbd><span>←</span></kbd> to collapse a note with children, or <kbd><span>→</span></kbd> to
|
||||
expand it.</li>
|
||||
<li data-list-item-id="eb5ad59d78e70611d0233ffbb5ede3b96"><kbd><span>←</span></kbd> on a note with no children to navigate to its
|
||||
<li><kbd><span>←</span></kbd> on a note with no children to navigate to its
|
||||
parent.</li>
|
||||
</ul>
|
||||
<h2>Opening notes</h2>
|
||||
<ul>
|
||||
<li data-list-item-id="e3d92e8c3a1e5b9d6f2efe5067004ef5c"><kbd>Click</kbd> to open the note in the current tab.</li>
|
||||
<li data-list-item-id="e8ae44ff429a0da1d529c627874f54908"><kbd>Ctrl</kbd>+<kbd>Click</kbd> or <kbd>Middle click</kbd> to open the note
|
||||
<li><kbd>Click</kbd> to open the note in the current tab.</li>
|
||||
<li><kbd>Ctrl</kbd>+<kbd>Click</kbd> or <kbd>Middle click</kbd> to open the note
|
||||
in a new tab.</li>
|
||||
<li data-list-item-id="e183b1a014e2bd563450dac0c8913c6f0"><kbd>Ctrl</kbd>+<kbd>Right click</kbd> to open the note in <a class="reference-link"
|
||||
<li><kbd>Ctrl</kbd>+<kbd>Right click</kbd> to open the note in <a class="reference-link"
|
||||
href="#root/_help_ZjLYv08Rp3qC">Quick edit</a>.</li>
|
||||
</ul>
|
||||
<h2>Clipboard management</h2>
|
||||
<ul>
|
||||
<li data-list-item-id="e28fb424bcc0d06b97ddcbcbc5145c350"><kbd>Ctrl</kbd>+<kbd>C</kbd> to copy one or more notes based on selection
|
||||
(see <a class="reference-link" href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/BFs8mudNFgCS/_help_IakOLONlIfGI">Cloning Notes</a>).</li>
|
||||
<li
|
||||
data-list-item-id="e11c4c9fcdfeb566a58d9319a340ff893"><kbd>Ctrl</kbd>+<kbd>X</kbd> to cut one or more notes (for moving them).</li>
|
||||
<li
|
||||
data-list-item-id="e242519cf16b3414242c4d11f20688b5b"><kbd>Ctrl</kbd>+<kbd>V</kbd> to paste them somewhere (which results in
|
||||
<li><kbd>Ctrl</kbd>+<kbd>C</kbd> to copy one or more notes based on selection
|
||||
(see <a class="reference-link" href="#root/_help_IakOLONlIfGI">Cloning Notes</a>).</li>
|
||||
<li><kbd>Ctrl</kbd>+<kbd>X</kbd> to cut one or more notes (for moving them).</li>
|
||||
<li><kbd>Ctrl</kbd>+<kbd>V</kbd> to paste them somewhere (which results in
|
||||
a copy or move based on the shortcut used).</li>
|
||||
</ul>
|
||||
<h2>Moving notes</h2>
|
||||
<ul>
|
||||
<li data-list-item-id="ee2d0e5633e0ab23d0fcde7b968731794"><kbd>Ctrl</kbd> + <kbd><span>↑</span></kbd> , <kbd>Ctrl</kbd> + <kbd><span>↓</span></kbd> -
|
||||
<li><kbd>Ctrl</kbd> + <kbd><span>↑</span></kbd> , <kbd>Ctrl</kbd> + <kbd><span>↓</span></kbd> -
|
||||
move note up/down in the note list.</li>
|
||||
<li data-list-item-id="e14146e7aacfc92aa7daf8215ce4b379c"><kbd>Ctrl</kbd> + <kbd><span>←</span></kbd> - move note up in the note tree.</li>
|
||||
<li
|
||||
data-list-item-id="e21a7f5ab9d62af04b6ab81b0cc4cf8c7"><kbd>Ctrl</kbd>+<kbd><span>→</span></kbd> - move note down in the note
|
||||
<li><kbd>Ctrl</kbd> + <kbd><span>←</span></kbd> - move note up in the note tree.</li>
|
||||
<li><kbd>Ctrl</kbd>+<kbd><span>→</span></kbd> - move note down in the note
|
||||
tree.</li>
|
||||
<li data-list-item-id="e99f4b0aef9693ad25ca0ce62c5b67418"><kbd>Del</kbd> - deletes note and optionally its subtree (asked in the
|
||||
<li><kbd>Del</kbd> - deletes note and optionally its subtree (asked in the
|
||||
dialog).</li>
|
||||
</ul>
|
||||
<h2>Multiple selection</h2>
|
||||
<p>See <a class="reference-link" href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/oPVyFC7WL2Lp/_help_yTjUdsOi4CIE">Multiple selection</a> for
|
||||
<p>See <a class="reference-link" href="#root/_help_yTjUdsOi4CIE">Multiple selection</a> for
|
||||
more information about how selection works.</p>
|
||||
<ul>
|
||||
<li data-list-item-id="ebe4907d702229ab599e50f753d23cfb6"><kbd>Alt</kbd>+<kbd>Click</kbd> – add a single note to the current selection.</li>
|
||||
<li
|
||||
data-list-item-id="ecf6bb49f8d993d376382dcab4e4a7ee8"><kbd>Shift</kbd>+<kbd>Click</kbd> – select a range of notes, starting from
|
||||
<li><kbd>Alt</kbd>+<kbd>Click</kbd> – add a single note to the current selection.</li>
|
||||
<li><kbd>Shift</kbd>+<kbd>Click</kbd> – select a range of notes, starting from
|
||||
the current note (the highlighted one) to the one that is being clicked.</li>
|
||||
<li
|
||||
data-list-item-id="eb1398c2cf85b53eafc3b7ab7a0974668"><kbd>Shift</kbd>+<kbd><span>↑</span></kbd>, <kbd>Shift</kbd>+<kbd><span>↓</span></kbd> –
|
||||
<li><kbd>Shift</kbd>+<kbd><span>↑</span></kbd>, <kbd>Shift</kbd>+<kbd><span>↓</span></kbd> –
|
||||
multi-select not above/below.</li>
|
||||
<li data-list-item-id="ebc1274f576f67d08a6d665a7318d80a8"><kbd>Ctrl</kbd>+<kbd>A</kbd> – select all notes in the current level</li>
|
||||
<li><kbd>Ctrl</kbd>+<kbd>A</kbd> – select all notes in the current level</li>
|
||||
</ul>
|
||||
@ -4,29 +4,28 @@ class="image image-style-align-center">
|
||||
<img style="aspect-ratio:1398/1015;" src="Split View_2_Split View_im.png"
|
||||
width="1398" height="1015">
|
||||
</figure>
|
||||
|
||||
<h2><strong>Interactions</strong></h2>
|
||||
<ul>
|
||||
<li>Press the
|
||||
<li data-list-item-id="eb22263532280510ca0efeb2c2e757629">Press the
|
||||
<img src="Split View_Split View_imag.png">button to the right of a note's title to open a new split to the right
|
||||
of it.
|
||||
<ul>
|
||||
<li>It is possible to have as many splits as desired, simply press again the
|
||||
<li data-list-item-id="eda17492ea2d8da7c4bf2fb3e2f7bfbe9">It is possible to have as many splits as desired, simply press again the
|
||||
button.</li>
|
||||
<li>Only horizontal splits are possible, vertical or drag & dropping is
|
||||
<li data-list-item-id="ea0223c947ea17534d577c9cfef4d5c6e">Only horizontal splits are possible, vertical or drag & dropping is
|
||||
not supported.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>When at least one split is open, press the
|
||||
<li data-list-item-id="e77d99fdc9a0846903de57d1b710fdd56">When at least one split is open, press the
|
||||
<img src="Split View_3_Split View_im.png">button next to it to close it.</li>
|
||||
<li>Use the
|
||||
<li data-list-item-id="ec9d11f5bcfd10795f282e275938b2f4a">Use the
|
||||
<img src="Split View_4_Split View_im.png">or the
|
||||
<img src="Split View_1_Split View_im.png">button to move around the splits.</li>
|
||||
<li>Each <a href="#root/_help_3seOhtN8uLIY">tab</a> has its own split view configuration
|
||||
<li data-list-item-id="e8384a579c3d6ee8df4d7dbf9b07c3436">Each <a href="#root/_help_3seOhtN8uLIY">tab</a> 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).
|
||||
<ul>
|
||||
<li>The tab will indicate only the title of the main note (the first one in
|
||||
<li data-list-item-id="e298299f6b2f1b9d8b5f26a5f8a0c9092">The tab will indicate only the title of the main note (the first one in
|
||||
the list).</li>
|
||||
</ul>
|
||||
</li>
|
||||
@ -44,3 +43,37 @@ class="image image-style-align-center">
|
||||
the other, by hoisting the old place in the first split and hoisting the
|
||||
new place to the second one. This will allow easy cut and paste without
|
||||
the tree jumping around from switching between notes.</p>
|
||||
<h2>Mobile support</h2>
|
||||
<p>Since v0.100.0, it's possible to have a split view on the mobile view
|
||||
as well, with the following differences from the desktop version of the
|
||||
split:</p>
|
||||
<ul>
|
||||
<li data-list-item-id="efc0bb8eb81ea1617b73188613f2ede5d">On smartphones, the split views are laid out vertically (one on the top
|
||||
and one on the bottom), instead of horizontally as on the desktop.</li>
|
||||
<li
|
||||
data-list-item-id="e7659da22c36db39ae8e3dc5424afba1e">There can be only one split open per tab.</li>
|
||||
</ul>
|
||||
<p>Interaction:</p>
|
||||
<ul>
|
||||
<li data-list-item-id="edbf5c644758db5aca9867c516f97542b">To create a new split, click the three dots button on the right of the
|
||||
note title and select <em>Create new split</em>.
|
||||
<ul>
|
||||
<li data-list-item-id="eed272873b629f70418c3e7074a829369">This option will only be available if there is no split already open in
|
||||
the current tab.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li data-list-item-id="e733863e6058336ebfcf27042f56be312">To close a split, click the three dots button on the right of the note
|
||||
title and select <em>Close this pane</em>.
|
||||
<ul>
|
||||
<li data-list-item-id="e9e6c191873dcd658242c64553343e0c7">Note that this option will only be available on the second note in the
|
||||
split (the one at the bottom on smartphones, the one on the right on tablets).</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li data-list-item-id="e780e5e7736b4d26705102545c5626a6a">When long-pressing a link, a contextual menu will show up with an option
|
||||
to <em>Open note in a new split</em>.
|
||||
<ul>
|
||||
<li data-list-item-id="e264277ee51f6d266a4088e2545f6648d">If there's already a split, the option will replace the existing split
|
||||
instead.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
2
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Collections/Calendar.html
generated
vendored
2
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Collections/Calendar.html
generated
vendored
@ -193,7 +193,7 @@
|
||||
<td><code>#calendar:color</code>
|
||||
</td>
|
||||
<td>Similar to <code>#color</code>, but applies the color only for the event
|
||||
in the calendar and not for other places such as the note tree.</td>
|
||||
in the calendar and not for other places such as the note tree. (<em>Deprecated</em>)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>#iconClass</code>
|
||||
|
||||
10
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Text.html
generated
vendored
10
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Text.html
generated
vendored
@ -4,7 +4,7 @@
|
||||
<p>Most of the interaction with text notes is done via the built-in toolbars.
|
||||
Depending on preference, there are two different layouts:</p>
|
||||
<ul>
|
||||
<li data-list-item-id="eafcb31c309cb140eedbb41048a0e0db1">The <em>Floating toolbar</em> is hidden by default and only appears when
|
||||
<li>The <em>Floating toolbar</em> is hidden by default and only appears when
|
||||
needed. In this mode there are actually two different toolbars:
|
||||
<br>
|
||||
<img src="1_Text_image.png" width="496"
|
||||
@ -12,7 +12,7 @@
|
||||
<img src="2_Text_image.png" width="812"
|
||||
height="114">
|
||||
</li>
|
||||
<li data-list-item-id="e59aa3103fa4c5de33075e51f8d482164">A toolbar that appears when text is selected. This provides text-level
|
||||
<li>A toolbar that appears when text is selected. This provides text-level
|
||||
formatting such as bold, italic, text colors, inline code, etc.
|
||||
<br><em><img src="Text_image.png" width="1109" height="124"></em>
|
||||
</li>
|
||||
@ -20,8 +20,6 @@
|
||||
<p>Fore more information see <a class="reference-link" href="#root/_help_nRhnJkTT8cPs">Formatting toolbar</a>.</p>
|
||||
<h2>Features and formatting</h2>
|
||||
<p>Here's a list of various features supported by text notes:</p>
|
||||
<figure
|
||||
class="table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
@ -163,14 +161,14 @@ class="table">
|
||||
</li>
|
||||
<li data-list-item-id="e564b978c09fe5adf476b331b1e0640e3"><a class="reference-link" href="#root/_help_KC1HB96bqqHX">Templates</a>
|
||||
</li>
|
||||
<li data-list-item-id="e756306c31d9beffbba3820b6d1b9bc61"><a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/iPIMuisry3hd/gLt3vA97tMcp/_help_5wZallV2Qo1t">Format Painter</a>
|
||||
<li data-list-item-id="e756306c31d9beffbba3820b6d1b9bc61"><a class="reference-link" href="#root/_help_5wZallV2Qo1t">Format Painter</a>
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</figure>
|
||||
|
||||
<h2>Read-Only vs. Editing Mode</h2>
|
||||
<p>Text notes are usually opened in edit mode. However, they may open in
|
||||
read-only mode if the note is too big or the note is explicitly marked
|
||||
|
||||
@ -12,11 +12,11 @@
|
||||
<p>Apart from using the UI, it is also possible to quickly insert headings
|
||||
using the Markdown-like shortcuts:</p>
|
||||
<ul>
|
||||
<li data-list-item-id="e6083df2814e520e138326ef004812a46"><code>##</code> for Heading 2</li>
|
||||
<li data-list-item-id="e8b8acfd06c340271cc4fe84f65e67375"><code>###</code> for Heading 3</li>
|
||||
<li data-list-item-id="e19e95a52ddbcd54428ed5ab40df165a7"><code>####</code> for Heading 4</li>
|
||||
<li data-list-item-id="e69788e0bd8f4459748b8df997a19fa92"><code>#####</code> for Heading 5</li>
|
||||
<li data-list-item-id="eb7205b764231a314c9e9c1590c12ac1c"><code>######</code> for Heading 6</li>
|
||||
<li><code>##</code> for Heading 2</li>
|
||||
<li><code>###</code> for Heading 3</li>
|
||||
<li><code>####</code> for Heading 4</li>
|
||||
<li><code>#####</code> for Heading 5</li>
|
||||
<li><code>######</code> for Heading 6</li>
|
||||
</ul>
|
||||
<h2>Font size</h2>
|
||||
<figure class="image image-style-align-right">
|
||||
@ -44,17 +44,17 @@
|
||||
<p>This formatting can be easily removed using the <em>Remove formatting</em> item.</p>
|
||||
<p>The following keyboard shortcuts can be used here:</p>
|
||||
<ul>
|
||||
<li data-list-item-id="ecda6994b8be7fe33daeccbeb8bffe20b"><kbd>Ctrl</kbd>+<kbd>B</kbd> for bold</li>
|
||||
<li data-list-item-id="eaa20ab7965945937bd10a273e5fc323f"><kbd>Ctrl</kbd>+<kbd>I</kbd> for italic</li>
|
||||
<li data-list-item-id="e86881b33671d3bd6930d361e4bb76767"><kbd>Ctrl</kbd>+<kbd>U</kbd> for underline</li>
|
||||
<li><kbd>Ctrl</kbd>+<kbd>B</kbd> for bold</li>
|
||||
<li><kbd>Ctrl</kbd>+<kbd>I</kbd> for italic</li>
|
||||
<li><kbd>Ctrl</kbd>+<kbd>U</kbd> for underline</li>
|
||||
</ul>
|
||||
<p>Alternatively, Markdown-like formatting can be used:</p>
|
||||
<ul>
|
||||
<li data-list-item-id="e90b0f040ab78084c41cd8f44045528ec"><strong>Bold</strong>: Type <code>**text**</code> or <code>__text__</code>
|
||||
<li><strong>Bold</strong>: Type <code>**text**</code> or <code>__text__</code>
|
||||
</li>
|
||||
<li data-list-item-id="eebc210ee7f2b92e0885cd411c6fb8b80"><em>Italic</em>: Type <code>*text*</code> or <code>_text_</code>
|
||||
<li><em>Italic</em>: Type <code>*text*</code> or <code>_text_</code>
|
||||
</li>
|
||||
<li data-list-item-id="eb7628d2cb441576b3b3edf6c42ab84b4"><del>Strikethrough</del>: Type <code>~~text~~</code>
|
||||
<li><del>Strikethrough</del>: Type <code>~~text~~</code>
|
||||
</li>
|
||||
</ul>
|
||||
<h2>Superscript, subscript</h2>
|
||||
@ -90,7 +90,7 @@
|
||||
<p>When pasting content that comes with undesired formatting, an alternative
|
||||
to pasting and then removing formatting is pasting as plain text via <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>V</kbd>.</p>
|
||||
<h2>Format painter</h2>
|
||||
<p>The <a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/iPIMuisry3hd/gLt3vA97tMcp/_help_5wZallV2Qo1t">Format Painter</a> allows
|
||||
<p>The <a class="reference-link" href="#root/_help_5wZallV2Qo1t">Format Painter</a> allows
|
||||
users to copy the formatting of text (such as bold, italic, Strikethrough,
|
||||
etc.) and apply it to other parts of the document. It helps maintain consistent
|
||||
formatting and accelerates the creation of rich content.</p>
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
<p>This is a premium feature of the editor we are using (CKEditor) and we
|
||||
benefit from it thanks to an written agreement with the team. See
|
||||
<a
|
||||
class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/iPIMuisry3hd/_help_gLt3vA97tMcp">Premium features</a> for more information.</p>
|
||||
class="reference-link" href="#root/_help_gLt3vA97tMcp">Premium features</a> for more information.</p>
|
||||
</aside>
|
||||
<p>The Format Painter is a feature in text notes that allows users to copy
|
||||
the formatting of text (such as <strong>bold</strong>, <em>italic</em>, <del>Strikethrough</del>,
|
||||
@ -14,20 +14,24 @@
|
||||
formatting and accelerates the creation of rich content.</p>
|
||||
<h2>Usage Instructions</h2>
|
||||
<p>Click the text that you want to copy the formatting from and use the paint
|
||||
formatting toolbar button (<span><img class="image_resized" style="aspect-ratio:150/150;width:2.7%;" src="Format Painter_746436a2e1.svg" alt="Format painter" width="150" height="150">) </span>to
|
||||
copy the style. Then select the target text with your mouse to apply the
|
||||
formatting.</p>
|
||||
formatting toolbar button (
|
||||
<img class="image_resized" style="aspect-ratio:150/150;width:2.7%;"
|
||||
src="Format Painter_746436a2e1.svg"
|
||||
alt="Format painter" width="150" height="150">) to copy the style. Then select the target text with your mouse to apply
|
||||
the formatting.</p>
|
||||
<ul>
|
||||
<li data-list-item-id="e9a728e8f49fb3ecf1202002dfafccabd"><strong>To copy the formatting</strong>: Place the cursor inside a text
|
||||
<li><strong>To copy the formatting</strong>: Place the cursor inside a text
|
||||
with some formatting and click the paint formatting toolbar button. Notice
|
||||
that the mouse cursor changes to the <span><img class="image_resized" style="aspect-ratio:30/20;width:3.64%;" src="Format Painter_e144e96df9.svg" alt="Format painter text cursor" width="30" height="20"></span>.</li>
|
||||
<li
|
||||
data-list-item-id="e745c039a3502d4e979d6dcde7876461b"><strong>To paint with the copied formatting</strong>: Click any word in
|
||||
that the mouse cursor changes to the
|
||||
<img class="image_resized" style="aspect-ratio:30/20;width:3.64%;"
|
||||
src="Format Painter_e144e96df9.svg"
|
||||
alt="Format painter text cursor" width="30" height="20">.</li>
|
||||
<li><strong>To paint with the copied formatting</strong>: Click any word in
|
||||
the document and the new formatting will be applied. Alternatively, instead
|
||||
of clicking a single word, you can select a text fragment (like an entire
|
||||
paragraph). Notice that the cursor will go back to the default one after
|
||||
the formatting is applied.</li>
|
||||
<li data-list-item-id="e49e547cfd4e4cbb45712bace9a6e0979"><strong>To keep painting using the same formatting</strong>: Open the
|
||||
<li><strong>To keep painting using the same formatting</strong>: Open the
|
||||
toolbar dropdown and enable the continuous painting mode. Once copied,
|
||||
the same formatting can be applied multiple times in different places until
|
||||
the paint formatting button is clicked (the cursor will then revert to
|
||||
@ -35,11 +39,10 @@
|
||||
</ul>
|
||||
<h2>Limitations</h2>
|
||||
<ol>
|
||||
<li data-list-item-id="ea3e6a7c317b51341c7a83cee5387ac1e">Painting with block-level formatting (like headings or image styles) is
|
||||
not supported yet. This is because, in <a class="reference-link" href="#root/pOsGYCXsbNQG/tC7s2alapj8V/1YeN2MzFUluU/_help_MI26XDLSAlCD">CKEditor</a>,
|
||||
<li>Painting with block-level formatting (like headings or image styles) is
|
||||
not supported yet. This is because, in <a class="reference-link" href="#root/_help_MI26XDLSAlCD">CKEditor</a>,
|
||||
they are considered a part of the content rather than text formatting.</li>
|
||||
<li
|
||||
data-list-item-id="edbd74adb8916daaae6024d8b0ae80e32">When applying formatting to words, spaces or other Western punctuation
|
||||
<li>When applying formatting to words, spaces or other Western punctuation
|
||||
are used as word boundaries, which prevents proper handling of languages
|
||||
that do not use space-based word segmentation.</li>
|
||||
</ol>
|
||||
@ -1,5 +1,5 @@
|
||||
# Documentation
|
||||
There are multiple types of documentation for Trilium:<img class="image-style-align-right" src="api/images/Xtlv3JlumknM/Documentation_image.png" width="205" height="162">
|
||||
There are multiple types of documentation for Trilium:<img class="image-style-align-right" src="api/images/KJUp1g3csedB/Documentation_image.png" width="205" height="162">
|
||||
|
||||
* The _User Guide_ represents the user-facing documentation. This documentation can be browsed by users directly from within Trilium, by pressing <kbd>F1</kbd>.
|
||||
* The _Developer's Guide_ represents a set of Markdown documents that present the internals of Trilium, for developers.
|
||||
|
||||
42
docs/User Guide/!!!meta.json
vendored
42
docs/User Guide/!!!meta.json
vendored
@ -6192,31 +6192,38 @@
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "CoFPLs3dRlXc",
|
||||
"value": "5wZallV2Qo1t",
|
||||
"isInheritable": false,
|
||||
"position": 180
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "A9Oc6YKKc65v",
|
||||
"value": "CoFPLs3dRlXc",
|
||||
"isInheritable": false,
|
||||
"position": 190
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "QrtTYPmdd1qq",
|
||||
"value": "A9Oc6YKKc65v",
|
||||
"isInheritable": false,
|
||||
"position": 200
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "MI26XDLSAlCD",
|
||||
"value": "QrtTYPmdd1qq",
|
||||
"isInheritable": false,
|
||||
"position": 210
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "MI26XDLSAlCD",
|
||||
"isInheritable": false,
|
||||
"position": 220
|
||||
},
|
||||
{
|
||||
"type": "label",
|
||||
"name": "shareAlias",
|
||||
@ -6244,13 +6251,6 @@
|
||||
"value": "",
|
||||
"isInheritable": false,
|
||||
"position": 40
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "5wZallV2Qo1t",
|
||||
"isInheritable": false,
|
||||
"position": 220
|
||||
}
|
||||
],
|
||||
"format": "markdown",
|
||||
@ -6904,10 +6904,17 @@
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "Oau6X9rCuegd",
|
||||
"value": "5wZallV2Qo1t",
|
||||
"isInheritable": false,
|
||||
"position": 40
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "Oau6X9rCuegd",
|
||||
"isInheritable": false,
|
||||
"position": 50
|
||||
},
|
||||
{
|
||||
"type": "label",
|
||||
"name": "iconClass",
|
||||
@ -6921,13 +6928,6 @@
|
||||
"value": "general-formatting",
|
||||
"isInheritable": false,
|
||||
"position": 60
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "5wZallV2Qo1t",
|
||||
"isInheritable": false,
|
||||
"position": 70
|
||||
}
|
||||
],
|
||||
"format": "markdown",
|
||||
@ -8460,14 +8460,14 @@
|
||||
"name": "internalLink",
|
||||
"value": "gLt3vA97tMcp",
|
||||
"isInheritable": false,
|
||||
"position": 30
|
||||
"position": 10
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "MI26XDLSAlCD",
|
||||
"isInheritable": false,
|
||||
"position": 40
|
||||
"position": 20
|
||||
},
|
||||
{
|
||||
"type": "label",
|
||||
|
||||
@ -22,3 +22,19 @@ It is possible for each of the splits to have their own <a class="reference-lin
|
||||
When a new split is created, it will share the same note hoisting as the previous one. An easy solution to this is to simply hoist the notes after the split is created.
|
||||
|
||||
This is generally quite useful for reorganizing notes from one place to the other, by hoisting the old place in the first split and hoisting the new place to the second one. This will allow easy cut and paste without the tree jumping around from switching between notes.
|
||||
|
||||
## Mobile support
|
||||
|
||||
Since v0.100.0, it's possible to have a split view on the mobile view as well, with the following differences from the desktop version of the split:
|
||||
|
||||
* On smartphones, the split views are laid out vertically (one on the top and one on the bottom), instead of horizontally as on the desktop.
|
||||
* There can be only one split open per tab.
|
||||
|
||||
Interaction:
|
||||
|
||||
* To create a new split, click the three dots button on the right of the note title and select _Create new split_.
|
||||
* This option will only be available if there is no split already open in the current tab.
|
||||
* To close a split, click the three dots button on the right of the note title and select _Close this pane_.
|
||||
* Note that this option will only be available on the second note in the split (the one at the bottom on smartphones, the one on the right on tablets).
|
||||
* When long-pressing a link, a contextual menu will show up with an option to _Open note in a new split_.
|
||||
* If there's already a split, the option will replace the existing split instead.
|
||||
@ -63,7 +63,7 @@ For each note of the calendar, the following attributes can be used:
|
||||
| `#startTime` | The time the event starts at. If this value is missing, then the event is considered a full-day event. The format is `HH:MM` (hours in 24-hour format and minutes). |
|
||||
| `#endTime` | Similar to `startTime`, it mentions the time at which the event ends (in relation with `endDate` if present, or `startDate`). |
|
||||
| `#color` | Displays the event with a specified color (named such as `red`, `gray` or hex such as `#FF0000`). This will also change the color of the note in other places such as the note tree. |
|
||||
| `#calendar:color` | Similar to `#color`, but applies the color only for the event in the calendar and not for other places such as the note tree. (*Deprecated*) |
|
||||
| `#calendar:color` | Similar to `#color`, but applies the color only for the event in the calendar and not for other places such as the note tree. (_Deprecated_) |
|
||||
| `#iconClass` | If present, the icon of the note will be displayed to the left of the event title. |
|
||||
| `#calendar:title` | Changes the title of an event to point to an attribute of the note other than the title, can either a label or a relation (without the `#` or `~` symbol). See _Use-cases_ for more information. |
|
||||
| `#calendar:displayedAttributes` | Allows displaying the value of one or more attributes in the calendar like this: <br> <br> <br> <br>`#weight="70" #Mood="Good" #calendar:displayedAttributes="weight,Mood"` <br> <br>It can also be used with relations, case in which it will display the title of the target note: <br> <br>`~assignee=@My assignee #calendar:displayedAttributes="assignee"` |
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user