VodiWiki

!1.1.0

* Saving directly to original file possible (when VodiWikiSaver is running in Background)
* Copy & Paste images directly into the editor (will be embedded and linked as Base64 blob)

!1.0.0

* First public release with working update mechanism

| ''[[Download VodiWiki.zip|http://www.vodi.de/VodiWiki/VodiWiki.zip]]'' |Version <<version>> - An emty Wiki as HTML file.|
| ''[[Download VodiWikiSaver.zip|http://www.vodi.de/VodiWiki/VodiWikiSaver.zip]]'' (Windows) |Version <<version>> - Enables direct saving from browser into local HTML file.|

!What is VodiWiki

* It's a single HTML file containing many documents
* Built-in viewer with search function
* Built-in editor with local save function
* No cloud, no need to be online
* Portable
* Easy to publish

!Is It For Me?

!!Private Usage

* Use it to keep your notes together in a single file instead of having them spread in several files
* Create your private reference books

!!Productive Usage

* Use it to document your product (instead of Microsoft CHM, because this is platform independent)
* Put the HTML file on a web server and you're done (no CMS needed)

!!Collaborative Usage? Sync between devices?

* No. (not yet, but in the long term pipeline)

!Getting Started

* Just go here: [[Anatomy Of The Main Window]] (and following pages)

!Some Words on Data Protection

When working with sensitive data consider the following advice:

* Disable all browser plugins - they can read everything in a browser (even password fields, single key strokes, etc.).
* Turned off all "cloud clipboard" functionalities (copy & paste contents will be transferred to your trusted(?) provider.).
** Note: Windows 10 comes with such a "feature" - check if it's enabled.
* Consider using an extra browser for the wiki that is blocked by a firewall

!Sources

* https://github.com/derVodi/VodiWiki

* https://trello.com/b/QffB4q5s/vodiwiki

!License

<<licenseText>>

<html>
	<div style="position:absolute;top:0;right:2.5em;">
		<a href="http://www.vodi.de/VodiWiki/index-de.html">
			<svg width="30" height="18" viewBox="0 0 5 3"><rect width="5" height="3" y="0" x="0" fill="#0"/><rect width="5" height="2" y="1" x="0" fill="#D00"/><rect width="5" height="1" y="2" x="0" fill="#FFCE00"/></svg>
			Deutsch
		</a>
	</div>
</html>

|Backstage Menu (hidden)|>|>|
|Navigation Tabs|← → Navigation Bar| Search|
|Navigation<br>tree or<br>list views|<br><br>Current Page<br><br><br> |>|

!Backstage

* Can be shown by clicking ⌵ at the upper right
* Provides functions like New, Save, Import, Update, etc.

!Navigation Tabs

* Offer different kinds of views of the contained articles
* Can be hidden by clicking « at the left of the navigation bar

!Navigation Bar

* Offers relative navigation
* ← → - Navigates back/forward in view history
* You can click into the bar to jump directly to a parent article

!Search

* Search the content of all articles

This is useful if you want to create some kind of overview page for other pages (e.g. a thesaurus).

!How To Embed

You'll have to address the page and it's part which you want to embed:

{{{
<<transclude 'PageTitle##SectionName'>>
<<transclude [[PageTitle::SliceName]]>>
}}}

The page title and part name is never embedded - only the inner part.
SliceNames must not contain spaces.

!What Is A "Section"?

Any text between one heading and another heading (or to the end of the document, in the case of the final section) is treated as a part.
The name of the part is the title. The level of heading (!, !!, !!!, i.e. heading level 1, 2, 3, etc.) is irrelevant for this purpose.

!!!!!!InvisibleSection
This is a section with an invisible heading which can be done using 6 exclamation marks (like this: {{{!!!!!!InvisibleSection}}})

!What Is A "Slice"?

!!Table Cells

|FirstTableCell|Second table cell is the inner part content.|

!!Lines With Colons

SliceName: The text right from the colon (to the line end) is the inner part.<br>This pseudo new line (after {{{<br>}}}) is included.
This real new line is not.

!Example

The following code...

{{{
<<transclude '##What Is A "Section"?'>>
<<transclude 'Embedding Parts Of Other Pages##InvisibleSection'>>
<<transclude [[Embedding Parts Of Other Pages::FirstTableCell]]>>
<<transclude [[Embedding Parts Of Other Pages::SliceName]]>>
}}}

...generates this output:

|<<transclude '##What Is A "Section"?'>>|
|<<transclude 'Embedding Parts Of Other Pages##InvisibleSection'>>|
|<<transclude [[Embedding Parts Of Other Pages::FirstTableCell]]>>|
|<<transclude [[Embedding Parts Of Other Pages::SliceName]]>>|

!The Window Title

* By default this is "VodiWiki"
* This can be changed in the backstage area

Only one page can be read at a time. There's no tabbed browsing.

* Use the tree/list in the left area to directly navigate through the pages
* Use the ← → buttons in the top area to navigate back/forward
* Use the search field to search for content
* Click on links in pages to navigate to other pages

!Creating a New, Empty Wiki

* Unhide the backstage by clicking ⌵ on the upper right
* In the "File" menu choose "New"
** An empty file will be pushed into your download location.

!Adding a New Page

* Click on "New Article" to add a page on the root level
* Click on "New Sub Article" to add a page below the current page
** The parent of a page can also be changed afterwards (by typing another page title into the "Parent" field)
* Type your text (using [[wiki syntax|Syntax Reference]])
*Commit your edits by pressing the "Done" button or [Ctrl]-[Enter].
** The whole wiki is auto-saved now - some browsers might alert you to acknowledge the saving action.

!Editing an Existing Page

* Place the cursor to the spot you want to edit (or double click a word)
* Click on the "Edit" button in the upper right corner
** The cursor is now located at the previously clicked word

!Deleting a Page

* Navigate to the desired page
* Click on the "Delete" button (upper right area)

!Embedding Images

* Place the image file besides the Wiki-File (or create a sub directory, e.g. "Files")
* Use a tag like this: {{{[img[Label|Files/Bars.svg]]}}}
** Example: [img[Label|index-Files/Bars.svg]]

!Saving

{{notice{
Never use the browser File/Save functions - this would save the file without your changes!
}}}

* Saving will be done automatically after every change (after clicking "Done" or pressing Ctrl - Enter)
* Browsers cannot "save" files directly - so a download will be pushed
**In Firefox you can suppress the download confirmation dialog, then the file will be saved to your default download directory
* For a better experience, download and run the VodiWikiSaver (see below)
**It's a tiny app that runs in background and lets you save directly to the original file
**It will be detected and used automatically

!!VodiWikiSaver

|Windows EXE|Runs in Tray|[[Download ZIP|http://www.vodi.de/VodiWiki/VodiWikiSaver.zip]]|

!!Microsoft Edge Needs An Extra Invitation

In order to make Edge work with the VodiWikiSaver, run CMD (as administrator) and type:

{{{
CheckNetIsolation LoopbackExempt -a -n=Microsoft.MicrosoftEdge_8wekyb3d8bbwe
}}}

Background: Edge blocks any JavaScript calls to localhost servers.

Normally the index tree is sorted alphabetically. You can change the order of items only by using a trick:
Add an invisible space in front of the page title to push it at the bottom.

Here is a non printing space you can copy & paste:

|Double click into the right table cell to select and copy to clipboard ->||

|Keys|Function|Available|h
|Ctrl-E|Search|Always|
|Ctrl-Enter|Toggle editing|Always|
|Ctrl-K|Edit link|When editing|

|Code|Demo|h
|{{{[[Web link to Startpage|https://www.startpage.com]]}}}|[[Web link to Startpage|https://www.startpage.com]]|
|{{{[[Internal link to another wiki page|Syntax Examples]]}}}|[[Internal link to another wiki page|Syntax Examples]]|
|{{{[[Internal link to another wiki page's headline|Syntax Examples##Links & Stylings]]}}}|[[Internal link to another wiki page's headline|Syntax Examples##Links & Stylings]]|
|{{{[[Internal link to a non existing wiki page|IDoNotExist]]}}}|[[Internal link to a non existing wiki page|IDoNotExist]]|
|{{{[[Labeled Local link to Head 1|##Head 1]]}}}|[[Labeled Local link to Head 1|##Head 1]]|
|{{{Local link to [[##Head 2]]}}}|Local link to [[##Head 2]]|
|{{{[[Local link to table cell B1|##TableCell B1]]}}}|[[Local link to table cell B1|##TableCell B1]]|
|{{{[[Local link to table cell C3|##TableCell C3]]}}}|[[Local link to table cell C3|##TableCell C3]]|
|{{{[[Local link to a named anchor|##MyAnchorName]]}}}|[[Local link to a named anchor|##MyAnchorName]]|
|{{{[img[This is the image tip|Files/Bars.svg][##Head 1]]}}}|[img[This is the image tip|index-Files/Bars.svg][##Head 1]]|
|{{{[img[This is the image tip|Files/Bars.svg][https://startpage.com]]}}}|[img[This is the image tip|index-Files/Bars.svg][https://startpage.com]]|

!Head 1

Some dummy text.

!!Head 2

Some dummy text.

|TableCell A1|TableCell A2|TableCell A3|
|TableCell B1|TableCell B2|TableCell B3|
|TableCell C1|TableCell C2|TableCell C3|

Some dummy text.

Demo code, directly followed by it's output:

{{{
<<anchor 'MyAnchorName' 'Here is an explicite anchor'>> followed by some regular text.
}}}

<<anchor 'MyAnchorName' 'Here is an explicite anchor'>> followed by some regular text.

Some dummy text.

!Headings

{{{
!Heading1
!!Heading2
!!!Heading3
!!!!Heading4
!!!!!Heading5
!!!!!!Heading6 (becomes invisible, used only as section marker)
}}}

!Heading1
!!Heading2
!!!Heading3
!!!!Heading4
!!!!!Heading5
!!!!!!Heading6

!Lists

{{{
*Bullet list
**Bullet list
***Bullet list<br>with line break
***Bullet list same level
****Bullet list

#Numbered list
##Numbered list
###Numbered list
####Numbered list
}}}

*Bullet list
**Bullet list
***Bullet list<br>with line break
***Bullet list same level
****Bullet list

#Numbered list
##Numbered list
###Numbered list
####Numbered list

!Tables

<html><pre>
|This is the caption|c
|table|table| centered header |h
|table|table|left aligned text is default|
|table|table| right|
|table|table| centered |

{{dualColorTable{
|Foo ▸&lt;br&gt;▾ Bar|This|That|h
|Ding|Cell Content|Cell Content|
|Batz|Cell Content|Cell Content|
}}}</pre></html>

|This is the caption|c
|table|table| centered header |h
|table|table|left aligned text is default|
|table|table| right|
|table|table| centered |

{{dualColorTable{
|Foo ▸<br>▾ Bar|This|That|h
|Ding|Cell Content|Cell Content|
|Batz|Cell Content|Cell Content|
}}}

!Links & Stylings

<html><pre>
Regular Text with @@tinted@@ part.

Link to wiki page with title [[Syntax Reference]]

Web-link to [[Startpage|https://www.startpage.com]]

{{notice{
This is an explicite notice which will be decorated with a symbol and khaki background color.
Line breaks are possible.
}}}

{{TODO{Marks an unfinished part of an article}}}
</pre></html>

Regular Text with @@tinted@@ part.

Link to wiki page with title [[Syntax Reference]]

Web-link to [[Startpage|https://www.startpage.com]]

{{notice{
This is an explicite notice which will be decorated with a symbol and khaki background color.
Line breaks are possible.
}}}

{{TODO{Marks an unfinished part of an article}}}

!Pre-Formatted Text

<html><pre>
Some text with a {{{code snippet}}} in the middle.

{{{
Code-Block
  Code-Block with 2 leading spaces
	Code-Block with 1 leading tab
Code-Block
}}}</pre></html>

Some text with a {{{code snippet}}} in the middle

{{{
Code-Block
  Code-Block with 2 leading spaces
	Code-Block with 1 leading tab
Code-Block
}}}

!Quoted Blocks

{{{
<<<
Several lines of blockquoted text.
Several lines of blockquoted text.
<<<

> If you want to create nested blockquotes,
> you'll have to mark every single line.
>> Bla
>>> Bla
}}}

<<<
Several lines of blockquoted text.
Several lines of blockquoted text.
<<<

> If you want to create nested blockquotes,
> you'll have to mark every single line.
>> Bla
>>> Bla

|Headings|Lists|Lists|Formatting|Code|h
|{{{!Heading 1}}}<br>{{{!!Heading 2}}}<br>{{{!!!Heading 3}}}|{{{*Unordered 1}}}<br>{{{**Unordered 2}}}<br>{{{***Unordered 3}}}|{{{#Ordered 1}}}<br>{{{##Ordered 2}}}<br>{{{###Ordered 3}}}|{{{''Bold text''}}}<br>{{{//Italic text//}}}<br>{{{--Strikethrough text--}}}<br>{{{@@Tinted text@@}}}<br>{{{{{notice{Your notice text.}}}}}}<br>{{{@@css:value;css:value;text@@}}}<br>{{{{{class{styled text}}}}}}|<html><code>{{{Monospaced text}}}</code></html><br>"""{{{"""<br>{{{ Code Block}}}<br>"""}}}"""|

|Tables|Linking & Embedding|Escaping|h
|{{{|Table caption|c}}}<br>{{{|Heading 1|Heading 2|h}}}<br>{{{|Table|Footer|f}}}<br>{{{|!Heading 1|!Heading 2|}}}<br>{{{| Centered |cell|}}}<br>{{{|Left-Aligned |cell|}}}<br>{{{| Right-Aligned|cell|}}}<br>{{{|bgcolor(blue):Coloured|cell|}}}<br>{{{|>|Colspan cell|}}}<br>{{{|Rowspan|cells|}}}<br>{{{|~|~|}}}|{{{[[PageTitle]]}}}<br>{{{[[Label|PageTitle]]}}}<br>{{{[[Label|##PageElement]]}}}<br>{{{[[Label|PageTitle##PageElement]]}}}<br>{{{[[Label|https://foo.com]]}}}<br>{{{[img[Label|LocalFileName.png]]}}}<br>{{{[img[Label|LocalFileName.png][PageTitle]]}}}<br>{{{[img[Label|LocalFileName.png][https://foo.com]]}}}|{{{<br>}}} - Line Break<br>{{{"""Escaped Text"""}}}<br>{{{/%Invisible Comment%/}}}<br>{{{<html>Raw HTML</html>}}}|

txtUserName: Anonymous
txtWikiTitle: VodiWiki

<html>
	<style>
		.arrowsTable1 tbody td:nth-child(n+7):nth-child(-n+11), td[align=center] {background: bisque;}
	</style>
</html>{{notice{
Some of the glyphs are composed of 2 characters: The glyph itself + FE0E ("Variation Selector 15").
Otherwise you loose control over the appearance of the glyph and the browsers will  render them as colorful emoji.
}}}

The @@tinted@@ glyphs do not show up in Windows 7.

!Spaces & Control Characters

|NBSP|1 EM|½ EM|0 EM|Marker|Text|Emoji|
|&nbsp;|&#x2003;|&#x2002;|&#x200B;|␣|︎&#xFE0E;|️&#xFE0F;|
!!!!!Double click cell, then press [Ctrl]-[C]

!Arrows

{{arrowsTable1{
|>|>|>|>|Regular||>|>|>|>|Triangle Head||>|>|>|>|Black||>|>|>|>|White|h
|←|→|↖|↗|↔||⭠|⭢|⭦|⭧|⭤ ||⬅|➡|⬉|⬈|⬌||⇦|⇨|⬁|⬀|⬄|
|↑|↓|↙|↘|↕| |⭡|⭣|⭩|⭨|⭥||⬆|⬇|⬋|⬊|⬍||⇧|⇩|⬃|⬂|⇳|
|⇇|⇉|⇆|⇄|⤡| |⮄|⮆|⮀|⮂|||||||||⇐|⇒|⇖|⇗|⇔|
|⇈|⇊|⇅|⇵|⤢| |⮅|⮇|⮁|⮃|||||||||⇑|⇓|⇙|⇘|⇕|
|↱|↰|⬐|⬎|| |⮣|⮢|⮦|⮧||| ⮫ | ⮪ | ⮮ | ⮯ ||| ⮳ | ⮲ | ⮶ | ⮷ ||
|↳|↲|⬑|⬏|| |⮡|⮠|⮤|⮥||| ⮩ | ⮨ | ⮬ | ⮭ ||| ⮱ | ⮰ | ⮴ | ⮵ ||
|⇤|⇥|⇱||↹| |⭰|⭲|⭶|⭷|⭾||||||| |⇽|⇾|||⇿|
|⤒|⤓||⇲|↨| |⭱|⭳|⭹|⭸|⭿||||||| ||||||
|⇠|⇢|||| |⭪|⭬ |⮌|⮎|| |||||| ||||||
|⇡|⇣|||| |⭫|⭭|⮍|⮏|| |||||| ||||||
}}}

|↤|↦|↥|↧|⍇|⍈|⍐|⍗||⟵|⟶|⟷|⟻|⟼|⬳|⟿|
|⬸|⤑|⤌|⤍|⤎|⤏|⤝|⤞|~|⟸|⟹|⟺|⟽|⟾|||

|⤶|⤷|⤴|⤵|⟲|⟳|↺|↻| 🗘 | ⮔ |↵|↯|⚡︎︎|
|↩|↪|↶|↷|⥀|⥁|🔄︎︎|🔁︎︎|🔃︎︎||⏎| ⭍ ||

|◀|▶|▲|▼|◢|◣|◥|◤|◄|►|≺|≻|∧|∨|⋖|⋗|⌲|⸢|⸣|⸝|⸜|◜|◝|
|◁|▷|△|▽|◿|◺|◹|◸|◅|▻| ⮜ | ⮞ | ⮝ | ⮟ |≪|≫|◬|⸤|⸥| ⸌ | ⸍ |◟|◞|
|◂|▸|▴|▾|◃|▹|▵|▿||⌳| ⮘ | ⮚ | ⮙ | ⮛ |⋘|⋙|⌵|⌈|⌉|「|」|◠|
|||||||||||⍃|⍄|⍓|⍌|〈|〉||⌊|⌋|『|』|◡|

!UI Widgets

| 🗔 | 🗕 | 🗖 | 🗗 | 🗙 |⨯|⌵|☰|…|⋮|⌂|🏠︎︎|⚙| ⛭ |⏣|⚒|✎| 🖉 |
|📄︎︎|📂︎︎|💾︎︎|✂| 🗐 |📋︎︎|↶|↷|👤︎︎|👥︎︎| 🝖 |🔎︎︎|⎗|⎘|🗑|
|💾︎︎| 📁︎︎|📂︎︎|📁︎︎|📂︎︎| 🖿 | 🗀 | 🗁 | 🖴 | 🖧 |🗄|🗜|
|📄︎︎|📃︎︎|📜︎︎| 🗆 | 🗅 | 🗌 | 🗋 | 🗉 | 🗈 | 🗏 | 🗎 | 🖹 | 🗇 | 🗊 | 🗍 | 🗐 |
|🗒|🗓|📝︎︎|📋︎︎|📛︎︎| 🗟 | 🖺 | 🖻 |🖼| 🖽 | 🖾 |
|💻︎︎| 🖳 | 🖵 |🖥|⌨| 🖮 |⎙|🗑|🕓︎︎|
|ⓘ| 🛈 |⚠| ⮿ | 🅧 |☐|☑|☒|⚪︎︎|🔘︎︎| 🗸 |✓|✔|
|⚓︎︎|🔗︎︎|🔒︎︎|🔓︎︎|🔏︎︎|🔐︎︎| ⚿ |🔑︎︎|🗝|🌍︎︎|🌐︎︎|
| 🗢 |🗣|🗨|💬︎︎| 🗪 | 🗫 | 🗬 | 🗭 | 🗮 |🗯| 🗰 |💭|

!Abstract

|·|•|⚉|⚫︎︎|●|⬤|◦|⚬|⚪|○|○|◯|☉|⚇|⊙|⊚|⦾|⦿|⊛|⊝|⊜|⊕|⊖|⊗|⊘|◌|◍|◎|◖|◗| ⯊ | ⯋ |
|Ⓞ|①|②|③|④|⑤|⑥|⑦|⑧|⑨|⑩|♾|
|▪|◾|◼|■|⬛︎︎|▫|◽|◻|□|⬜|🔲︎︎|🔳︎︎| 🖵 | ⛶ | ⛚ |⊞|⊟|⊠|⊡|▣| ⛋ | 🝙 | 🝚 |▍|
|◆|⋄|◇|⎔|⬟|⬢|⬣|🔶︎︎|🔷︎︎|🔸︎︎|🔹︎︎|◈|⟐|💠︎︎| 🞡 | 🞢 | 🞣 | 🞤 | 🞥 | 🞦 | 🞧 |✙|✚|✛|✜|
|⿰|⿱|⿳|⿲|⿴|⿵|⿶|⿷|⿸|⿹|⿺|⿻|▤|▥|▦|⩩|⫵|
|☷|☰|≡|≣|⌯|⚌|⚏|𝌮|𝌀|𝌅|𝍖|𝌠|𝍔|𝌞|⠸|⠇|⡆|⠐|⠒|⠛|⠤|⠨|⠭|⠶|⠿|⣿|…|⋮|⋮|⋯|⋰|⋱|﹍|
|⑅|⑀|⑁|⑂|⑃|⑄| 🝗 | 🝘 | 🜙 |⊶|⊷|⊸|⚯| 🜺 | 🝓 | 🝢 |☍|☌| 🝯 | 🝰 |☊|☋|⎌|⚮|⚭| 🝆 |⚲| 🜣 |⟟|⫱| 🜽 |⍝|⊍|
|⎎|⏍|⍞|⍠|⎕|⎄|⎅|␣|⌴|⍽|⎍|⌶|⏙|⟝|⟞|⊢|⊣|⊤|⊥|⟛|⧿|ꕯ|⥐|

!Emojis

¯ \ _ (ツ) _ / ¯
|ꙭ|Ꙭ|👀|💩|💣|💤|👑| 🜲 |⚡|
|😃|😢|👍|👎|🖕|❤️|💀| 🕱 |💬|
|🖖|👽|👾|⍾| 🜶 | 🜸 |☄|🕳|
|📄| 🗐 |📋|👤|👥|🔎|🔄|🔁|🔃|
|💻|💾| 📁|📂|📁|📂|🕓|
|⚓|🔗|🔒|🔓|🔏|🔐|🔑|🌍|🌐|
|⚫|⬛|🔲|🔳|🔶|🔷|🔸|🔹|💠|

!Web Links

*[[Name Search|https://unicode-search.net/unicode-namesearch.pl]]
*[[Shape Catcher|http://shapecatcher.com]]
*[[Spaces|http://jkorpela.fi/chars/spaces.html]]
*[[Xah Lee|http://xahlee.info/comp/unicode_index.html]]
*File Format Info
**[[Arrows|https://www.fileformat.info/info/unicode/block/arrows/utf8test.htm]], [[Misc|http://www.fileformat.info/info/unicode/block/miscellaneous_symbols_and_arrows/utf8test.htm]], [[Supplemental A|https://www.fileformat.info/info/unicode/block/supplemental_arrows_a/utf8test.htm]], [[Supplemental B|https://www.fileformat.info/info/unicode/block/supplemental_arrows_b/utf8test.htm]], [[Supplemental C|https://www.fileformat.info/info/unicode/block/supplemental_arrows_c/utf8test.htm]]
**[[Box Drawing|https://www.fileformat.info/info/unicode/block/box_drawing/utf8test.htm]]
**[[Dingbats|https://www.fileformat.info/info/unicode/block/dingbats/utf8test.htm]]
**[[Enclosed Alphanumerics|http://www.fileformat.info/info/unicode/block/enclosed_alphanumerics/utf8test.htm]], [[Supplement|http://www.fileformat.info/info/unicode/block/enclosed_alphanumeric_supplement/utf8test.htm]]
**[[Geometric Shapes|https://www.fileformat.info/info/unicode/block/geometric_shapes/utf8test.htm]]
**[[Mathematical Operators|http://www.fileformat.info/info/unicode/block/mathematical_operators/utf8test.htm]]
**[[Technical|https://www.fileformat.info/info/unicode/block/miscellaneous_technical/utf8test.htm]]
**[[Symbols|http://www.fileformat.info/info/unicode/block/miscellaneous_symbols/utf8test.htm]], [[Pictographs|http://www.fileformat.info/info/unicode/block/miscellaneous_symbols_and_pictographs/utf8test.htm]], [[Transport|http://www.fileformat.info/info/unicode/block/transport_and_map_symbols/utf8test.htm]], [[Supplemental|https://www.fileformat.info/info/unicode/block/supplemental_symbols_and_pictographs/utf8test.htm]], [[Other|https://www.fileformat.info/info/unicode/category/So/list.htm]]

! How To

* The viewer and editor can be updated via the backstage area (unhide by clicking ⌵ at the upper right)
* Choose "About / Upgrade"
* The updater will save an updated HTML file preserving your content

! Major Updates

* Major updates will only happen, if the content would need to be migrated due to internal changes
* In this case, you cannot skip major versions, e.g. from 1.x.x to 3.x.x
* You would need to update twice, from 1.x.x to 2.x.x to 3.xx
* This is because the content will be migrated between the major versions

/***
|''Name:''|VodiConfigPlugin|
|''Version:''|2016.01.08|
|''Description:''|Configures the core and 3rd party plugins|
|''Requires:''|TagsTreePlugin YourSearchPlugin|
!Code
***/
//{{{
	// nix.
//}}}