mirror of
https://github.com/ajnart/homarr.git
synced 2026-02-27 17:00:54 +01:00
133 lines
4.3 KiB
TypeScript
133 lines
4.3 KiB
TypeScript
export const defaultContent = `
|
|
<p style="text-align: center">
|
|
<img src="/logo/logo.png" width="25%">
|
|
</p>
|
|
<h2>Welcome to <strong><span style="color: rgb(250, 82, 82)">Homarr</span>'s</strong> notebook widget</h2>
|
|
<p>
|
|
The <code>notebook</code> widget focuses on usability and is designed to be as simple as possible to bring a
|
|
familiar editing experience to regular users, be it markdown or office type editors.
|
|
It is based on <a target="_blank" rel="noopener noreferrer nofollow" href="https://tiptap.dev/">Tiptap.dev</a>
|
|
and supports most of its features:
|
|
</p>
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="3" rowspan="1" style="background-color: rgba(95, 95, 95, 0.5)">
|
|
<h4 style="text-align: center">General text formatting</h4>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="1" rowspan="1">
|
|
<p><strong>Bold</strong></p>
|
|
</td>
|
|
<td colspan="1" rowspan="1">
|
|
<p style="text-align: center"><em>Italic</em></p>
|
|
</td>
|
|
<td colspan="1" rowspan="1">
|
|
<p style="text-align: right"><u>Underline</u></p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="1" rowspan="1">
|
|
<p><s>Strike-through</s></p>
|
|
</td>
|
|
<td colspan="1" rowspan="1">
|
|
<p style="text-align: center">Text alignment</p>
|
|
</td>
|
|
<td colspan="1" rowspan="1">
|
|
<p style="text-align: right">Headings</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="3" rowspan="1" style="background-color: rgba(95, 95, 95, 0.5)">
|
|
<h4 style="text-align: center">Lists</h4>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="1" rowspan="1">
|
|
<ol>
|
|
<li>
|
|
<p>Ordered</p>
|
|
</li>
|
|
</ol>
|
|
</td>
|
|
<td colspan="1" rowspan="1">
|
|
<ul>
|
|
<li>
|
|
<p>Bullet</p>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td colspan="1" rowspan="1">
|
|
<ul data-type="taskList">
|
|
<li data-checked="true" data-type="taskItem">
|
|
<label><input type="checkbox" checked="checked"><span></span></label>
|
|
<div><p>Check</p></div>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="3" rowspan="1" style="background-color: rgba(95, 95, 95, 0.5)">
|
|
<h4 style="text-align: center">Coloring</h4>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="1" rowspan="1">
|
|
<p><span style="color: rgb(250, 82, 82)">Text coloring</span></p>
|
|
</td>
|
|
<td colspan="1" rowspan="1">
|
|
<p style="text-align: center"><mark data-color="#FA5252" style="background-color: #FA5252; color: inherit">highlighting</mark></p>
|
|
</td>
|
|
<td colspan="1" rowspan="1" style="background-color: rgb(250, 82, 82)">
|
|
<p style="text-align: right">Table cells</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="3" rowspan="1" style="background-color: rgba(95, 95, 95, 0.5)">
|
|
<h4 style="text-align: center">Inserts</h4>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="1" rowspan="1">
|
|
<p>Links</p>
|
|
</td>
|
|
<td colspan="1" rowspan="1">
|
|
<p style="text-align: center">Images</p>
|
|
</td>
|
|
<td colspan="1" rowspan="1">
|
|
<p style="text-align: right">Tables</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<hr>
|
|
<blockquote>
|
|
<h4>Widget options</h4>
|
|
<ul>
|
|
<li>
|
|
<p>Show the toolbar to help you write markdown:</p>
|
|
<p>The toolbar at the top that helps with controls, some not available in markdown.</p>
|
|
</li>
|
|
<li>
|
|
<p>Allow check in read only mode:</p>
|
|
<p>Check boxes usable outside of editing, also allows anonymous checks.</p>
|
|
</li>
|
|
</ul>
|
|
</blockquote>`
|
|
.split("\n")
|
|
.join("")
|
|
.replaceAll(" ", "");
|