mirror of
https://github.com/TriliumNext/Notes.git
synced 2025-07-29 11:02:28 +08:00
55 lines
3.5 KiB
Markdown
55 lines
3.5 KiB
Markdown
# Note source
|
||
## Understanding the source code of the different notes
|
||
|
||
Internally, the structure of the content of each note is different based on the <a class="reference-link" href="../Note%20Types.md">Note Types</a>.
|
||
|
||
For example:
|
||
|
||
* <a class="reference-link" href="../Note%20Types/Text.md">Text</a> notes are represented internally as HTML, using the <a class="reference-link" href="Technologies%20used/CKEditor.md">CKEditor</a> representation. Note that due to the custom plugins, some HTML elements are specific to Trilium only, for example the admonitions.
|
||
* <a class="reference-link" href="../Note%20Types/Code.md">Code</a> notes are plain text and are represented internally as-is.
|
||
* <a class="reference-link" href="../Note%20Types/Geo%20Map.md">Geo Map</a> notes contain only minimal information (viewport, zoom) as a JSON.
|
||
* <a class="reference-link" href="../Note%20Types/Canvas.md">Canvas</a> notes are represented as JSON, with Trilium's own information alongside with <a class="reference-link" href="Technologies%20used/Excalidraw.md">Excalidraw</a>'s internal JSON representation format.
|
||
* <a class="reference-link" href="../Note%20Types/Mind%20Map.md">Mind Map</a> notes are represented as JSON, with the internal format of <a class="reference-link" href="Technologies%20used/MindElixir.md">MindElixir</a>.
|
||
|
||
Note that some information is also stored as <a class="reference-link" href="../Basic%20Concepts%20and%20Features/Notes/Attachments.md">Attachments</a>. For example <a class="reference-link" href="../Note%20Types/Canvas.md">Canvas</a> notes use the attachments feature to store the custom libraries, and alongside with <a class="reference-link" href="../Note%20Types/Mind%20Map.md">Mind Map</a> and other similar note types it stores an SVG representation of the content for use in other features such as including in other notes, shared notes, etc.
|
||
|
||
Here's part of the HTML representation of this note, as it's stored in the database (but prettified).
|
||
|
||
```
|
||
<h2>
|
||
Understanding the source code of the different notes
|
||
</h2>
|
||
<p>
|
||
Internally, the structure of the content of each note is different based on the
|
||
<a class="reference-link" href="../Note%20Types.md">
|
||
Note Types
|
||
</a>
|
||
.
|
||
</p>
|
||
```
|
||
|
||
## Viewing the source code
|
||
|
||
It is possible to view the source code of a note by pressing the contextual menu in <a class="reference-link" href="../Basic%20Concepts%20and%20Features/UI%20Elements/Note%20buttons.md">Note buttons</a> and selecting _Note source_.
|
||
|
||
|
||
|
||
The source code will be displayed in a new tab.
|
||
|
||
For some note types, such as text notes, the source code is also formatted in order to be more easily readable.
|
||
|
||
## Modifying the source code
|
||
|
||
It is possible to modify the source code of a note directly, however not via the _Note source_ functionality.
|
||
|
||
To do so:
|
||
|
||
1. Change the note type from the real note type (e.g. Canvas, Geo Type) to Code (plain text) or the corresponding format such as JSON or HTML.
|
||
2. Confirm the warning about changing the note type.
|
||
3. The source code will appear, make the necessary modifications.
|
||
4. Change the note type back to the real note type.
|
||
|
||
> [!WARNING]
|
||
> Depending on the changes made, there is a risk that the note will not render properly. It's best to save a revision before making any big changes.
|
||
>
|
||
> If the note does not render properly, modify the source code again or revert to a prior revision. Since the error handling for unexpected changes might not always be perfect, it be required to refresh the application. |