diff --git a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Navigation/Note Navigation.html b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Navigation/Note Navigation.html
index 7b999c53b..73b4c3ef3 100644
--- a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Navigation/Note Navigation.html
+++ b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Navigation/Note Navigation.html
@@ -1,16 +1,26 @@
One of the Trilium's goals is to provide fast and comfortable navigation
between notes.
Backwards and forward
-
You can use alt-left and alt-right to move back and forward in history
- of viewed pages.
-
This works identically to browser backwards / forwards, it's actually
- using built-in browser support for this.
-
-
-
+
To move back and forward in history of viewed pages:
+
+
The Launch Bar can
+ be configured to display navigation buttons (see Go to Next Note and Go to Previous Note in Available Launchers).
+
On the left side of the tab bar,
+ there are two dedicated buttons.
+
+
These buttons will appear only if the launch bar is not already displaying
+ the history navigation buttons to avoid duplication.
+
+
+
Alternatively, use the Alt + Left and Alt + Right keyboard
+ shortcuts.
+
Jump to note
-
This is useful to quickly find and view arbitrary notes - click on Jump to button
- on the top or press Ctrl + J . Then type part of the
- note name and autocomplete will help you pick the desired note.
This is useful to quickly find and view arbitrary notes - click on
+ Jump tobutton on the top or press Ctrl + J .
+ Then type part of the note name and autocomplete will help you pick the
+ desired note.
Tabs can be reordered by drag-and-dropping it into a new position.
-
An existing tab can be displayed in a new window by dragging the tab upwards
+
Tabs can be reordered by drag-and-dropping it into a new position.
+
An existing tab can be displayed in a new window by dragging the tab upwards
or downwards. It is not possible to combine tabs back into another window.
+
On the left side of the tab bar there are two buttons to navigate through
+ the note history backwards or forwards (see Note Navigation).
+
+
This feature is only enabled if the Launch Bar doesn't
+ already contain the history navigation buttons.
+
+
Keyboard interaction
Since tabs are a commonly used feature, there are multiple keyboard shortcuts
that can be used:
-
Ctrl+T to open a new tab.
-
Ctrl+W to close the current tab.
-
Ctrl+Shift+T to reopen the last closed
+
Ctrl+T to open a new tab.
+
Ctrl+W to close the current tab.
+
Ctrl+Shift+T to reopen the last closed
tab.
-
Ctrl+Tab and Ctrl+Shift+Tab to
+
Ctrl+Tab and Ctrl+Shift+Tab to
go to the next or previous tab.
-
Ctrl+1, Ctrl+2, up to Ctrl+9 to
+
Ctrl+1, Ctrl+2, up to Ctrl+9 to
activate the first, second and up til ninth tab.
-
There is also a shortcut to go to the last tab, but it is not assigned
+
There is also a shortcut to go to the last tab, but it is not assigned
a key by default.
\ No newline at end of file
diff --git a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Render Note.html b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Render Note.html
index c65b789d0..f0f720b87 100644
--- a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Render Note.html
+++ b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Render Note.html
@@ -7,13 +7,10 @@
via an attribute.
Creating a render note
-
Create a Code note
- with the HTML language, with what needs to be displayed (for example
- <p>Hello world.</p>).
When a script is run, the sub-children of the script being run (or the
Render Note) are checked for children. If the children are Code notes
+ class="reference-link" href="#root/_help_HcABDtFCkbFN">Render Note) are checked for children. If the children are Code notes
of the corresponding type (front-end or backend) as the code being run,
they will be evaluated as well.
The collection of a script and its child notes is called a bundle.
A child note inside a bundle is called a module.
As a basic example of dependencies, consider the following note structure:
-
+
Script with dependency
-
api.log(MyMath.sum(2, 2));
+
api.log(MyMath.sum(2, 2));
-
+
MyMath
-
module.exports = {
+
module.exports = {
sum(a, b) {
return a + b;
}
@@ -26,21 +26,21 @@
When Script with dependency is run, it will detect MyMath as
- a submodule and provide the result of its module.exports object
+ a submodule and provide the result of its module.exports object
into a global object with the same name as the note.
Alternative syntax
-
Instead of providing an object to module.exports,
- it's also possible to add fields individually:
module.exports.sum = (a, b) => a + b;
+
Instead of providing an object to module.exports, it's also
+ possible to add fields individually:
module.exports.sum = (a, b) => a + b;
module.exports.subtract = (a, b) => a - b;
Ignoring a code script from a bundle
To ignore a script from being included in a bundle (e.g. if it's unrelated
- to the parent script note), apply the #disableInclusion label.
+ to the parent script note), apply the #disableInclusion label.
Sharing a module across multiple bundles
Modules can be reused across multiple scripts by simply cloning the shared
- module between two modules (see Cloning Notes).
Optionally, a separate note can be used to contain all the different reusable
modules for an easy way to discover them.
\ No newline at end of file
diff --git a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Scripting/Frontend Basics/Custom Widgets.html b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Scripting/Frontend Basics/Custom Widgets.html
index 6c1830f8f..df40a3d49 100644
--- a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Scripting/Frontend Basics/Custom Widgets.html
+++ b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Scripting/Frontend Basics/Custom Widgets.html
@@ -4,164 +4,150 @@
Preact with JSX vs. vanilla jQuery
In older versions of Trilium, custom widgets were exclusively written
in a combination of jQuery with Trilium's internal widget architecture
- (e.g., BasicWidget, NoteContextAwareWidget).
+ (e.g., BasicWidget, NoteContextAwareWidget).
Starting with v0.101.0, custom widgets can also be written in JSX using
- the Preact framework.
+ the Preact framework.
Both legacy and Preact widgets have the same capabilities, with a single
difference:
-
Preact widgets are content-sized by default whereas legacy widgets need
- this.contentSized()applied in the constructor. For more information,
- see the corresponding section in Troubleshooting.
+
Preact widgets are content-sized by default whereas legacy widgets need this.contentSized() applied
+ in the constructor. For more information, see the corresponding section
+ in Troubleshooting.
Wherever possible, widget examples will be both in the legacy and Preact
format.
Let's start by creating a widget that shows a message near the content
area. Follow the previous section to create a code note, and use the following
content.
The widget must export a class and not an
- instance of the class (e.g. no new) because
- it needs to be multiplied for each note, so that splits work correctly.
-
Since the class is exported instead of an
- instance, the parentWidget getter must be
- static, otherwise the widget is ignored.
The widget must export a class and not an instance of the class
+ (e.g. no new) because it needs to be multiplied for each note,
+ so that splits work correctly.
+
Since the class is exported instead of an instance, the parentWidget getter
+ must be static, otherwise the widget is ignored.
Although not mandatory, it's best to use a RightPanelWidget instead
+ of a BasicWidget or a NoteContextAwareWidget.
+
+
+
+
-
-
To position the widget somewhere else, just change the value passed to
- get parentWidget()for legacy widgets or the parent field
- for Preact. Do note that some positions such as note-detail-pane and
- right-panehave special requirements that need to be accounted for
- (see the table above).
+
To position the widget somewhere else, just change the value passed to get parentWidget() for
+ legacy widgets or the parent field for Preact. Do note that
+ some positions such as note-detail-pane and right-pane have
+ special requirements that need to be accounted for (see the table above).
\ No newline at end of file
diff --git a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Scripting/Frontend Basics/Custom Widgets/Note context aware widget.html b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Scripting/Frontend Basics/Custom Widgets/Note context aware widget.html
index 7f3ed50a7..d0da3c335 100644
--- a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Scripting/Frontend Basics/Custom Widgets/Note context aware widget.html
+++ b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Scripting/Frontend Basics/Custom Widgets/Note context aware widget.html
@@ -2,14 +2,11 @@
react to changes in the current note.
Important aspects:
-
The widget must export a class and not an
- instance of the class (e.g. no new) because
- it needs to be multiplied for each note, so that splits work correctly.
-
Since the class is exported instead of an
- instance, the parentWidget getter must be
- static, otherwise the widget is ignored.
+
The widget must export a class and not an instance of the class
+ (e.g. no new) because it needs to be multiplied for each note,
+ so that splits work correctly.
+
Since the class is exported instead of an instance, the parentWidget getter
+ must be static, otherwise the widget is ignored.
Example displaying the current note title
This is a note context-aware widget that simply displays the name the
diff --git a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Scripting/Frontend Basics/Custom Widgets/Right pane widget.html b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Scripting/Frontend Basics/Custom Widgets/Right pane widget.html
index 94127a539..31bf6d40d 100644
--- a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Scripting/Frontend Basics/Custom Widgets/Right pane widget.html
+++ b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Scripting/Frontend Basics/Custom Widgets/Right pane widget.html
@@ -1,16 +1,14 @@
Key highlights
-
doRender must not be overridden, instead
- doRenderBody()has to be overridden.
-
-
doRenderBody can optionally be async.
-
+
doRender must not be overridden, instead doRenderBody() has
+ to be overridden.
+
+
doRenderBody can optionally be async.
+
-
parentWidget() must be set to “rightPane”.
-
widgetTitle() getter can optionally be
- overriden, otherwise the widget will be displayed as “Untitled widget”.
+
parentWidget() must be set to “rightPane”.
+
widgetTitle() getter can optionally be overriden, otherwise
+ the widget will be displayed as “Untitled widget”.