chore(in_app_help): update docs
Elian Doran
@ -0,0 +1,56 @@
|
|||||||
|
<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>Custom resource providers</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="content">
|
||||||
|
<h1 data-trilium-h1>Custom resource providers</h1>
|
||||||
|
|
||||||
|
<div class="ck-content">
|
||||||
|
<p>A custom resource provider allows any file imported into Trilium (images,
|
||||||
|
fonts, stylesheets) to be publicly accessible via a URL.</p>
|
||||||
|
<p>A potential use case for this is to add embed a custom font alongside
|
||||||
|
a theme.</p>
|
||||||
|
<h2>Steps for creating a custom resource provider</h2>
|
||||||
|
<ol>
|
||||||
|
<li>Import a file such as an image or a font into Trilium by drag & drop.</li>
|
||||||
|
<li>Select the file and go to the <i>Owned Attributes</i> section.</li>
|
||||||
|
<li>Add the label <code>#customResourceProvider=hello</code>.</li>
|
||||||
|
<li>To test if it is working, use a browser to navigate to <code><protocol>://<host>/custom/hello</code> (where <code><protocol></code> is
|
||||||
|
either <code>http</code> or <code>https</code> based on your setup, and <code><host></code> is
|
||||||
|
the host or IP to your Trilium server instance). If you are running the
|
||||||
|
TriliumNext application without a server, use <code>http://localhost:37840</code> as
|
||||||
|
the base URL.</li>
|
||||||
|
<li>If everything went well, at the previous step the browser should have
|
||||||
|
downloaded the file uploaded in the first step.</li>
|
||||||
|
</ol>
|
||||||
|
<p>Instead of <code>hello</code>, the name can be:</p>
|
||||||
|
<ul>
|
||||||
|
<li>A path, such as <code>fonts/Roboto.ttf</code>, which would be accessible
|
||||||
|
via <code><host>/custom/fonts/Roboto.ttf</code>.</li>
|
||||||
|
<li>As a more advanced use case, a regular expression to match multiple routes,
|
||||||
|
such as <code>hello/.*</code> which will be accessible via <code>/custom/hello/1</code>, <code>/custom/hello/2</code>, <code>/custom/hello/world</code>,
|
||||||
|
etc.</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Using it in a theme</h2>
|
||||||
|
<p>For example, if you have a custom font to be imported by the theme, first
|
||||||
|
upload a font file into Trilium and assign it the <code>#customResourceProvider=fonts/myfont.ttf</code> attribute.</p>
|
||||||
|
<p>Then modify the theme CSS to point to:</p><pre><code class="language-text-css">@font-face {
|
||||||
|
font-family: customFont;
|
||||||
|
src: url("/custom/fonts/myfont.ttf");
|
||||||
|
}
|
||||||
|
|
||||||
|
div {
|
||||||
|
font-family: customFont;
|
||||||
|
}</code></pre>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 57 KiB After Width: | Height: | Size: 57 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 69 KiB After Width: | Height: | Size: 69 KiB |
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 4.7 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 8.4 KiB |
|
Before Width: | Height: | Size: 340 B After Width: | Height: | Size: 340 B |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 125 KiB |
|
After Width: | Height: | Size: 93 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 79 KiB |
|
Before Width: | Height: | Size: 95 KiB After Width: | Height: | Size: 95 KiB |
@ -0,0 +1,73 @@
|
|||||||
|
<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>Zen mode</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="content">
|
||||||
|
<h1 data-trilium-h1>Zen mode</h1>
|
||||||
|
|
||||||
|
<div class="ck-content">
|
||||||
|
<figure class="image image-style-align-center image_resized" style="width:62.15%;">
|
||||||
|
<img style="aspect-ratio:855/677;" src="5_Zen mode_image.png" width="855"
|
||||||
|
height="677">
|
||||||
|
<figcaption>Screenshot of Zen Mode activated on a Windows 11 system with native title
|
||||||
|
bar off and background effects on.</figcaption>
|
||||||
|
</figure>
|
||||||
|
<p>When Zen Mode is activated (pictured on the side), most of the user interface
|
||||||
|
of Trilium is hidden away in order to be able to focus on the content,
|
||||||
|
whether it's for reading or writing.</p>
|
||||||
|
<figure class="image image-style-align-right image_resized"
|
||||||
|
style="width:17.65%;">
|
||||||
|
<img style="aspect-ratio:265/386;" src="3_Zen mode_image.png" width="265"
|
||||||
|
height="386">
|
||||||
|
<figcaption>Screenshot of the Zen Mode option in the global menu.</figcaption>
|
||||||
|
</figure>
|
||||||
|
<h2>Activating & deactivating</h2>
|
||||||
|
<p>The Zen Mode can be activated by accessing the global menu and selecting
|
||||||
|
the “Zen Mode” option:</p>
|
||||||
|
<p>Aside from the global menu, it's also possible to activate this mode by
|
||||||
|
using a keyboard shortcut which is Alt+Z by default. Look for <code>toggleZenMode</code> in
|
||||||
|
the shortcut configuration.</p>
|
||||||
|
<p>Once Zen Mode is activated, all the UI elements of the application will
|
||||||
|
be hidden away, including the global menu. In that case, the Zen Mode can
|
||||||
|
be deactivated either by pressing the
|
||||||
|
<img src="6_Zen mode_image.png" width="29"
|
||||||
|
height="31">icon in the top-right corner of the window or by pressing the keyboard
|
||||||
|
combination again.</p>
|
||||||
|
<p>Do note that, by design, activating or deactivating the Zen Mode applies
|
||||||
|
only to the current window. Restarting the application will also disable
|
||||||
|
the Zen Mode.</p>
|
||||||
|
<h2>Moving the window around</h2>
|
||||||
|
<p>If “Native title bar” is activated, then the operating system's default
|
||||||
|
title bar can be used to drag the window around. If deactivated, the window
|
||||||
|
can still be moved by dragging the mouse across the top part of the window
|
||||||
|
where the note titles are.</p>
|
||||||
|
<figure class="image image-style-align-left image_resized"
|
||||||
|
style="width:50%;">
|
||||||
|
<img style="aspect-ratio:1060/707;" src="7_Zen mode_image.png" width="1060"
|
||||||
|
height="707">
|
||||||
|
<figcaption>Screenshot of two notes side-by-side while Zen Mode is active, on Windows
|
||||||
|
11 with background effects off.</figcaption>
|
||||||
|
</figure>
|
||||||
|
<h2>Split windows and tabs</h2>
|
||||||
|
<p>Tabs are completely hidden, however it's still possible to use keyboard
|
||||||
|
shortcuts such as <code>firstTab</code> (Ctrl+1 by default), <code>secondTab</code> (Ctrl+2
|
||||||
|
by default). There are also some newer shortcuts such as <code>activateNextTab</code> (Ctrl+Tab)
|
||||||
|
or <code>activatePreviousTab</code> (Ctrl+Shift+Tab) that allow easy navigation,
|
||||||
|
however make sure that they are configured properly in the settings.</p>
|
||||||
|
<p>For the split view of notes, there are no keyboard shortcuts at the time
|
||||||
|
of writing, but it's still possible to have them in Zen Mode by creating
|
||||||
|
the split while the Zen Mode is off and then reactivating it afterwards.</p>
|
||||||
|
<p> </p>
|
||||||
|
<p> </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
After Width: | Height: | Size: 92 KiB |
@ -0,0 +1,38 @@
|
|||||||
|
<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>Installation</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="content">
|
||||||
|
<h1 data-trilium-h1>Installation</h1>
|
||||||
|
|
||||||
|
<div class="ck-content">
|
||||||
|
<h2>Desktop application</h2>
|
||||||
|
<figure class="table">
|
||||||
|
<table style="border-color:transparent;border-style:solid;">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td style="border-color:transparent;text-align:center;">
|
||||||
|
<figure class="image image_resized" style="width:9.91%;">
|
||||||
|
<img style="aspect-ratio:267/267;" src="Installation_Fedora_logo.svg"
|
||||||
|
width="267" height="267">
|
||||||
|
</figure>
|
||||||
|
<p><a href="Installation/On%20Fedora%20Linux.html"><span class="text-big">Fedora</span></a>
|
||||||
|
</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</figure>
|
||||||
|
<h2>Self-hosted server</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 33 KiB |
@ -0,0 +1,82 @@
|
|||||||
|
<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>On Fedora Linux</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="content">
|
||||||
|
<h1 data-trilium-h1>On Fedora Linux</h1>
|
||||||
|
|
||||||
|
<div class="ck-content">
|
||||||
|
<p>First, download a release from GitHub.</p>
|
||||||
|
<figure class="table" style="width:100%;">
|
||||||
|
<table class="ck-table-resized">
|
||||||
|
<colgroup>
|
||||||
|
<col style="width:3.52%;">
|
||||||
|
<col style="width:58.5%;">
|
||||||
|
<col style="width:37.98%;">
|
||||||
|
</colgroup>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th>1</th>
|
||||||
|
<td>
|
||||||
|
<figure class="image">
|
||||||
|
<img style="aspect-ratio:816/581;" src="3_On Fedora Linux_Screenshot.png"
|
||||||
|
width="816" height="581">
|
||||||
|
</figure>
|
||||||
|
</td>
|
||||||
|
<td>In your file explorer, look for the <code>.rpm</code> file of TriliumNext.</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>2</th>
|
||||||
|
<td>
|
||||||
|
<figure class="image">
|
||||||
|
<img style="aspect-ratio:339/219;" src="On Fedora Linux_Screenshot.png"
|
||||||
|
width="339" height="219">
|
||||||
|
</figure>
|
||||||
|
</td>
|
||||||
|
<td>Right click the file and select <i>Open With Software Install</i>.</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>3</th>
|
||||||
|
<td>
|
||||||
|
<figure class="image">
|
||||||
|
<img style="aspect-ratio:996/953;" src="1_On Fedora Linux_Screenshot.png"
|
||||||
|
width="996" height="953">
|
||||||
|
</figure>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<p>GNOME Software will appear. Press the
|
||||||
|
<img src="2_On Fedora Linux_image.png"
|
||||||
|
width="106" height="34">.</p>
|
||||||
|
<p>You will be asked to confirm the action by entering your password.</p>
|
||||||
|
<p>After confirmation the software will start installing.</p>
|
||||||
|
<p>Once it's done the “Install” button will turn into
|
||||||
|
<img src="1_On Fedora Linux_image.png"
|
||||||
|
width="105" height="34">.</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>4</th>
|
||||||
|
<td>
|
||||||
|
<figure class="image">
|
||||||
|
<img style="aspect-ratio:389/224;" src="2_On Fedora Linux_Screenshot.png"
|
||||||
|
width="389" height="224">
|
||||||
|
</figure>
|
||||||
|
</td>
|
||||||
|
<td>After installation, the application will be available in the GNOME overview
|
||||||
|
section.</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1,10 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="267" height="267" id="svg2">
|
||||||
|
<defs id="defs5"/>
|
||||||
|
<path d="M 266.62575,133.50613 C 266.62575,59.98128 207.02222,0.37583 133.49792,0.37583 C 60.00668,0.37583 0.42639,59.93123 0.37425,133.41225 L 0.37425,236.4333 C 0.4138,253.11763 13.94545,266.62417 30.64027,266.62417 L 133.55192,266.62417 C 207.05167,266.59532 266.62575,207.01142 266.62575,133.50613" id="voice" style="fill:#294172"/>
|
||||||
|
<path d="M 77.126289,142.09756 C 77.126289,142.09756 124.97104,142.09756 124.97104,142.09756 C 124.97104,142.09756 124.97104,189.94234 124.97104,189.94234 C 124.97104,216.35263 103.53659,237.78707 77.126289,237.78707 C 50.715979,237.78707 29.28153,216.35263 29.28153,189.94234 C 29.28153,163.53203 50.715979,142.09756 77.126289,142.09756 z" id="in" style="fill:none;stroke:#3c6eb4;stroke-width:29.21"/>
|
||||||
|
<use transform="matrix(-1,0,0,-1,249.71151,284.2882)" id="finity" xlink:href="#in"/>
|
||||||
|
<path d="M 139.6074,127.52923 L 139.6074,189.87541 C 139.6074,224.37943 111.63203,252.35541 77.12679,252.35541 C 71.89185,252.35541 68.1703,251.7644 63.32444,250.49771 C 56.25849,248.64859 50.48398,242.85518 50.48158,236.1166 C 50.48158,227.97147 56.39394,222.0467 65.23187,222.0467 C 69.43824,222.0467 70.96454,222.85435 77.12679,222.85435 C 95.3184,222.85435 110.07443,208.11916 110.10634,189.92756 L 110.10634,161.27099 C 110.10634,158.70324 108.01971,156.62274 105.44767,156.62274 L 83.78246,156.61846 C 75.71034,156.61846 69.18845,150.18003 69.18845,142.0858 C 69.18414,133.94124 75.77725,127.52923 83.93653,127.52923" id="free" style="fill:#ffffff"/>
|
||||||
|
<use transform="matrix(-1,0,0,-1,249.71152,284.28821)" id="dom" xlink:href="#free"/>
|
||||||
|
<path d="M 243.65456,243.58425 C 243.65456,243.58425 243.6546,238.05286 243.6546,238.05286 L 241.12607,243.85062 C 241.12607,243.85062 238.66466,238.05286 238.66466,238.05286 L 238.66513,243.58425 L 237.24683,243.58425 L 237.24683,234.84933 L 238.73387,234.84933 C 238.73387,234.84933 241.16784,240.42984 241.16784,240.42984 L 243.56495,234.84933 L 245.07039,234.84933 L 245.07039,243.58425 L 243.65456,243.58425 z M 233.32154,236.31241 L 233.32154,243.58425 L 231.83941,243.58425 L 231.83941,236.31241 L 229.35453,236.31241 L 229.35453,234.84933 L 235.80399,234.84933 L 235.80399,236.31241" id="TM" style="fill:#3c6eb4"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 260 KiB After Width: | Height: | Size: 260 KiB |
|
Before Width: | Height: | Size: 8.8 KiB After Width: | Height: | Size: 8.8 KiB |
|
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 323 KiB After Width: | Height: | Size: 323 KiB |
|
Before Width: | Height: | Size: 102 KiB After Width: | Height: | Size: 102 KiB |
|
Before Width: | Height: | Size: 117 KiB After Width: | Height: | Size: 117 KiB |
|
Before Width: | Height: | Size: 191 KiB After Width: | Height: | Size: 191 KiB |
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 515 KiB After Width: | Height: | Size: 515 KiB |
|
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 397 KiB After Width: | Height: | Size: 397 KiB |
|
Before Width: | Height: | Size: 5.2 KiB After Width: | Height: | Size: 5.2 KiB |
|
Before Width: | Height: | Size: 6.9 KiB After Width: | Height: | Size: 6.9 KiB |
|
Before Width: | Height: | Size: 6.5 KiB After Width: | Height: | Size: 6.5 KiB |
@ -0,0 +1,19 @@
|
|||||||
|
<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>Mermaid Diagram</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="content">
|
||||||
|
<h1 data-trilium-h1>Mermaid Diagram</h1>
|
||||||
|
|
||||||
|
<div class="ck-content"></div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -0,0 +1,19 @@
|
|||||||
|
<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>Downloading responses from Google Forms</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="content">
|
||||||
|
<h1 data-trilium-h1>Downloading responses from Google Forms</h1>
|
||||||
|
|
||||||
|
<div class="ck-content"></div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 10 KiB |
@ -0,0 +1,60 @@
|
|||||||
|
<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>Serving directly the content of a note</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="content">
|
||||||
|
<h1 data-trilium-h1>Serving directly the content of a note</h1>
|
||||||
|
|
||||||
|
<div class="ck-content">
|
||||||
|
<p>When accessing a shared note, Trilium will render it as a web page. Sometimes
|
||||||
|
it's desirable to serve the content directly so that it can be used in
|
||||||
|
a script or downloaded by the user.</p>
|
||||||
|
<figure class="table" style="width:100%;">
|
||||||
|
<table class="ck-table-resized">
|
||||||
|
<colgroup>
|
||||||
|
<col style="width:48.52%;">
|
||||||
|
<col style="width:51.48%;">
|
||||||
|
</colgroup>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<figure class="image">
|
||||||
|
<img style="aspect-ratio:378/231;" src="Serving directly the conte.png"
|
||||||
|
width="378" height="231">
|
||||||
|
<figcaption>A note displayed as a web page (HTML)</figcaption>
|
||||||
|
</figure>
|
||||||
|
</td>
|
||||||
|
<td style="vertical-align:top;">
|
||||||
|
<figure class="image">
|
||||||
|
<img style="aspect-ratio:402/129;" src="1_Serving directly the conte.png"
|
||||||
|
width="402" height="129">
|
||||||
|
<figcaption>A note displayed as a raw format</figcaption>
|
||||||
|
</figure>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</figure>
|
||||||
|
<h2>By adding an attribute to the note</h2>
|
||||||
|
<p>Simply add the <code>#shareRaw</code> attribute and the note will always
|
||||||
|
be rendered <i>raw</i> when accessed from the share URL.</p>
|
||||||
|
<h2>By altering the URL</h2>
|
||||||
|
<p>Append <code>?raw</code> to the URL to display a note in its raw format
|
||||||
|
regardless of whether the <code>#shareRaw</code> attribute is added on the
|
||||||
|
note.</p>
|
||||||
|
<p>
|
||||||
|
<img src="1_Serving directly the conte.png" width="402" height="129">
|
||||||
|
</p>
|
||||||
|
<p> </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||