demo

commit: 0427f54d90bbe19768a5b74b9eb49a091d920a9e
parent 3d4c3ea141ea9ebb6c281cfca6084c7db1d866cd
Author: Haelwenn (lanodan) Monnier <contact@hacktivis.me>
Date:   Sat,  2 Sep 2023 23:41:53 +0200

vanilla-editor: update example text

Diffstat:
M
vanilla-editor/vanilla-editor.js
11
++++++-----

1 file changed, 6 insertions(+), 5 deletions(-)
diff --git a/vanilla-editor/vanilla-editor.js b/vanilla-editor/vanilla-editor.js
@@ -10,14 +10,15 @@ view.addEventListener("input", (event) => {
 });
 
 // Abusing JS Templates for multiline
-let hello = `This is an example of VanillaJS rich-text edition. Your browser probably provides you with Word Processor shortcuts (ctrl-i for Italic, ctrl-b for Bold) in the rich-text editing mode. Meh parts are when it comes to things beyond just basic text-formatting like links, lists, tables, …
+let hello = `<p>This is an example of VanillaJS rich-text edition. Your browser probably provides you with Word Processor shortcuts (ctrl-i for Italic, ctrl-b for Bold) in the rich-text editing mode.<br/>
+Meh parts are when it comes to things beyond just basic text-formatting like links, lists, tables, … which can still be pasted in formatted-mode in the rich-text area.</p>
 <ol>
 <li>First item</li>
-<li>Second item</li>
-</ol>
+<li>Second item</li></ol>
 <p>Tables are where it’s usually not great at and where you’d definitely need some helper code for the user to add rows/columns:</p>
 <table>
-<tbody><tr><th>A</th><th>B</th><th>C</th></tr>
-<tr><td>1</td><td>2</td><td>3</td></tr></tbody></table>`;
+<tr><th>A</th><th>B</th><th>C</th></tr>
+<tr><td>1</td><td>2</td><td>3</td></tr>
+</table>`;
 view.innerHTML = hello;
 source.value = hello;