Merge branch 'develop' of https://github.com/TriliumNext/Notes into develop
Adorian Doran
|
Before Width: | Height: | Size: 116 KiB |
|
Before Width: | Height: | Size: 86 KiB |
|
Before Width: | Height: | Size: 100 KiB |
@ -1,22 +0,0 @@
|
||||
# Images
|
||||
Trilium supports storing and displaying images. Supported formats are JPEG, PNG and GIF.
|
||||
|
||||
An image can be uploaded in the form of note's [attachment](Attachments.md) or as a standalone [note](../Navigation/Tree%20Concepts.md) placed into the [note tree](../Navigation/Tree%20Concepts.md). Its reference can be copied into a text note, in order to display it in the text itself.
|
||||
|
||||
## Uploading images
|
||||
|
||||
To add an image to the note, simply drag it from file explorer onto the note editor inside Trilium and the image will be uploaded.
|
||||
|
||||
|
||||
|
||||
Alternatively you can click on block toolbar and then on "Insert image":
|
||||
|
||||
|
||||
|
||||
You can also copy and paste an image from web - the image will be (asynchronously) downloaded and embedded.
|
||||
|
||||
## Compression
|
||||
|
||||
Since Trilium isn't really meant to be primary storage for image data, it attempts to compress and resize (with pretty aggressive settings) uploaded images before storing them to the database. You may then notice some quality degradation. Basic quality settings is available in Options -> Other.
|
||||
|
||||
If you want to save images in their original resolution, it is recommended to save them as attachment to note (top-right "Note actions -> Import files").
|
||||
|
Before Width: | Height: | Size: 68 KiB After Width: | Height: | Size: 68 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 254 B |
|
Before Width: | Height: | Size: 115 KiB After Width: | Height: | Size: 115 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 391 B |
|
After Width: | Height: | Size: 272 B |
|
After Width: | Height: | Size: 272 B |
|
Before Width: | Height: | Size: 7.6 KiB After Width: | Height: | Size: 7.6 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 89 KiB After Width: | Height: | Size: 89 KiB |
@ -0,0 +1,12 @@
|
||||
# Content language & Right-to-left support
|
||||
|
||||
|
||||
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.
|
||||
|
||||
## Setting the language
|
||||
|
||||
To set the language of the content, go to “Basic Properties” and look for the “Language” field.
|
||||
|
||||
## Adjusting the list of languages
|
||||
|
||||
By default there will be no language configured, they can be configured by going to settings or by selecting the “Configure languages” item when setting the language.
|
||||
@ -0,0 +1,38 @@
|
||||
# Images
|
||||
Trilium supports storing and displaying images. Supported formats are JPEG, PNG and GIF.
|
||||
|
||||
An image can be uploaded in the form of note's [attachment](../../Basic%20Concepts/Note/Attachments.md) or as a standalone [note](../../Basic%20Concepts/Navigation/Tree%20Concepts.md) placed into the [note tree](../../Basic%20Concepts/Navigation/Tree%20Concepts.md). Its reference can be copied into a text note, in order to display it in the text itself.
|
||||
|
||||
## Uploading images
|
||||
|
||||
To add an image to the note, simply drag it from file explorer onto the note editor inside Trilium and the image will be uploaded.
|
||||
|
||||
|
||||
|
||||
Alternatively you can click on block toolbar and then on "Insert image":
|
||||
|
||||
|
||||
|
||||
You can also copy and paste an image from web - the image will be (asynchronously) downloaded and embedded.
|
||||
|
||||
## Configuring the images
|
||||
|
||||
Clicking on an image will reveal a popup with multiple options:
|
||||
|
||||
|
||||
### Alignment
|
||||
|
||||
The first set of options configure the alignment are, in order:
|
||||
|
||||
| Icon | Option | Preview | Description |
|
||||
| --- | --- | --- | --- |
|
||||
|  | Inline |  | As the name suggests, the name can be put inside a paragraph and moved around similarly as if it was a block of text. Use drag & drop or cut-paste to move it around. |
|
||||
|  | Centered image |  | The image will be displayed as a block and centered, not allowing text in either the left or right of it. |
|
||||
|  | Wrap text |  | The image will be displayed to the left or the right of the text. |
|
||||
|  | Block align |  | Similarly to _Centered image_, the image will be displayed as a block and aligned either to the left or to the right, but not allowing text to flow on either of its sides. |
|
||||
|
||||
## Compression
|
||||
|
||||
Since Trilium isn't really meant to be primary storage for image data, it attempts to compress and resize (with pretty aggressive settings) uploaded images before storing them to the database. You may then notice some quality degradation. Basic quality settings is available in Options -> Other.
|
||||
|
||||
If you want to save images in their original resolution, it is recommended to save them as attachment to note (top-right "Note actions -> Import files").
|
||||
|
After Width: | Height: | Size: 259 B |
@ -1,6 +0,0 @@
|
||||
# What's new
|
||||
1. [Geo map](Note%20Types/Geo%20map.md)
|
||||
2. [Export as PDF](Basic%20Concepts/Note/Export%20as%20PDF.md)
|
||||
3. [Zen mode](Basic%20Concepts/Zen%20mode.md)
|
||||
4. [Calendar View](Note%20Types/Book/Calendar%20View.md)
|
||||
5. [Right-to-Left Support](Basic%20Concepts/Note/Right-to-Left%20Support.md)
|
||||
|
Before Width: | Height: | Size: 116 KiB |
|
Before Width: | Height: | Size: 86 KiB |
|
Before Width: | Height: | Size: 100 KiB |
|
Before Width: | Height: | Size: 89 KiB |
@ -1,51 +0,0 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="../../../style.css">
|
||||
<base target="_parent">
|
||||
<title data-trilium-title>Images</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="content">
|
||||
<h1 data-trilium-h1>Images</h1>
|
||||
|
||||
<div class="ck-content">
|
||||
<p>Trilium supports storing and displaying images. Supported formats are
|
||||
JPEG, PNG and GIF.</p>
|
||||
<p>An image can be uploaded in the form of note's <a href="Attachments.html">attachment</a> or
|
||||
as a standalone <a href="../Navigation/Tree%20Concepts.html">note</a> placed
|
||||
into the <a href="../Navigation/Tree%20Concepts.html">note tree</a>. Its
|
||||
reference can be copied into a text note, in order to display it in the
|
||||
text itself.</p>
|
||||
|
||||
<h2>Uploading images</h2>
|
||||
|
||||
<p>To add an image to the note, simply drag it from file explorer onto the
|
||||
note editor inside Trilium and the image will be uploaded.</p>
|
||||
<p>
|
||||
<img src="1_Images_image.png" alt="" />
|
||||
</p>
|
||||
<p>Alternatively you can click on block toolbar and then on "Insert image":</p>
|
||||
<p>
|
||||
<img src="Images_image.png" alt="" />
|
||||
</p>
|
||||
<p>You can also copy and paste an image from web - the image will be (asynchronously)
|
||||
downloaded and embedded.</p>
|
||||
|
||||
<h2>Compression</h2>
|
||||
|
||||
<p>Since Trilium isn't really meant to be primary storage for image data,
|
||||
it attempts to compress and resize (with pretty aggressive settings) uploaded
|
||||
images before storing them to the database. You may then notice some quality
|
||||
degradation. Basic quality settings is available in Options -> Other.</p>
|
||||
<p>If you want to save images in their original resolution, it is recommended
|
||||
to save them as attachment to note (top-right "Note actions -> Import
|
||||
files").</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 68 KiB After Width: | Height: | Size: 68 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 254 B |
|
Before Width: | Height: | Size: 115 KiB After Width: | Height: | Size: 115 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 391 B |
|
After Width: | Height: | Size: 272 B |
|
After Width: | Height: | Size: 272 B |
|
Before Width: | Height: | Size: 7.6 KiB After Width: | Height: | Size: 7.6 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 89 KiB After Width: | Height: | Size: 89 KiB |
|
Before Width: | Height: | Size: 89 KiB |
@ -0,0 +1,133 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="../../../style.css">
|
||||
<base target="_parent">
|
||||
<title data-trilium-title>Images</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="content">
|
||||
<h1 data-trilium-h1>Images</h1>
|
||||
|
||||
<div class="ck-content">
|
||||
<p>Trilium supports storing and displaying images. Supported formats are
|
||||
JPEG, PNG and GIF.</p>
|
||||
<p>An image can be uploaded in the form of note's <a href="../../Basic%20Concepts/Note/Attachments.html">attachment</a> or
|
||||
as a standalone <a href="../../Basic%20Concepts/Navigation/Tree%20Concepts.html">note</a> placed
|
||||
into the <a href="../../Basic%20Concepts/Navigation/Tree%20Concepts.html">note tree</a>.
|
||||
Its reference can be copied into a text note, in order to display it in
|
||||
the text itself.</p>
|
||||
<h2>Uploading images</h2>
|
||||
<p>To add an image to the note, simply drag it from file explorer onto the
|
||||
note editor inside Trilium and the image will be uploaded.</p>
|
||||
<p>
|
||||
<img src="10_Images_image.png" alt="">
|
||||
</p>
|
||||
<p>Alternatively you can click on block toolbar and then on "Insert image":</p>
|
||||
<p>
|
||||
<img src="8_Images_image.png" alt="">
|
||||
</p>
|
||||
<p>You can also copy and paste an image from web - the image will be (asynchronously)
|
||||
downloaded and embedded.</p>
|
||||
<h2>Configuring the images</h2>
|
||||
<p>Clicking on an image will reveal a popup with multiple options:
|
||||
<br>
|
||||
<img src="11_Images_image.png" width="285" height="35">
|
||||
</p>
|
||||
<h3>Alignment</h3>
|
||||
<p>The first set of options configure the alignment are, in order:</p>
|
||||
<figure
|
||||
class="table" style="width:100%;">
|
||||
<table class="ck-table-resized">
|
||||
<colgroup>
|
||||
<col style="width:5.52%;">
|
||||
<col style="width:13.93%;">
|
||||
<col style="width:35.94%;">
|
||||
<col style="width:44.61%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Icon</th>
|
||||
<th>Option</th>
|
||||
<th>Preview</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="7_Images_image.png" width="16" height="13">
|
||||
</td>
|
||||
<td>Inline</td>
|
||||
<td>
|
||||
<figure class="image">
|
||||
<img style="aspect-ratio:576/125;" src="2_Images_image.png" width="576"
|
||||
height="125">
|
||||
</figure>
|
||||
</td>
|
||||
<td>As the name suggests, the name can be put inside a paragraph and moved
|
||||
around similarly as if it was a block of text. Use drag & drop or cut-paste
|
||||
to move it around.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="12_Images_image.png" width="16" height="13">
|
||||
</td>
|
||||
<td>Centered image</td>
|
||||
<td>
|
||||
<figure class="image">
|
||||
<img style="aspect-ratio:564/236;" src="3_Images_image.png" width="564"
|
||||
height="236">
|
||||
</figure>
|
||||
</td>
|
||||
<td>The image will be displayed as a block and centered, not allowing text
|
||||
in either the left or right of it.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="5_Images_image.png" width="33" height="13">
|
||||
</td>
|
||||
<td>Wrap text</td>
|
||||
<td>
|
||||
<figure class="image">
|
||||
<img style="aspect-ratio:577/200;" src="9_Images_image.png" width="577"
|
||||
height="200">
|
||||
</figure>
|
||||
<p> </p>
|
||||
</td>
|
||||
<td>The image will be displayed to the left or the right of the text.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="Images_image.png" width="16" height="13">
|
||||
</td>
|
||||
<td>Block align</td>
|
||||
<td>
|
||||
<figure class="image">
|
||||
<img style="aspect-ratio:578/240;" src="4_Images_image.png" width="578"
|
||||
height="240">
|
||||
</figure>
|
||||
</td>
|
||||
<td>Similarly to <i>Centered image</i>, the image will be displayed as a block
|
||||
and aligned either to the left or to the right, but not allowing text to
|
||||
flow on either of its sides.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</figure>
|
||||
<h2>Compression</h2>
|
||||
<p>Since Trilium isn't really meant to be primary storage for image data,
|
||||
it attempts to compress and resize (with pretty aggressive settings) uploaded
|
||||
images before storing them to the database. You may then notice some quality
|
||||
degradation. Basic quality settings is available in Options -> Other.</p>
|
||||
<p>If you want to save images in their original resolution, it is recommended
|
||||
to save them as attachment to note (top-right "Note actions -> Import
|
||||
files").</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 259 B |
@ -1,32 +0,0 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="../style.css">
|
||||
<base target="_parent">
|
||||
<title data-trilium-title>What's new</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="content">
|
||||
<h1 data-trilium-h1>What's new</h1>
|
||||
|
||||
<div class="ck-content">
|
||||
<ol>
|
||||
<li><a href="Note%20Types/Geo%20map.html">Geo map</a>
|
||||
</li>
|
||||
<li><a href="Basic%20Concepts/Note/Export%20as%20PDF.html">Export as PDF</a>
|
||||
</li>
|
||||
<li><a href="Basic%20Concepts/Zen%20mode.html">Zen mode</a>
|
||||
</li>
|
||||
<li><a href="Note%20Types/Book/Calendar%20View.html">Calendar View</a>
|
||||
</li>
|
||||
<li><a href="Basic%20Concepts/Note/Right-to-Left%20Support.html">Right-to-Left Support</a>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||