@@ -1,8 +1,7 @@ |
-<h1>TikiWiki Syntax</h1>
|
+__Here, you see a list of Tikiwiki syntax markup options.__ If the content format of your site or of a single page is set to <strong>Tikiwiki format</strong> you can style and structure your content like described here. Apart from the wiki syntax called ''Tikiwiki'', Bitweaver offers various other ((LibertyFormats|content formats)). For any content format, ((DataPlugins|data plugins)) let you include images, attachments, tabs, modules and loads of other functionality. To see a listing of the formatting options available on bitweaver.org, consult the tab titled "Format Help", available when editing a page. |
|
-<br />
|
+!! Emphasis |
<table>
|
- Emphasis
|
<tr>
|
<th>Description</th>
|
<th>Example</th>
|
|
|
@@ -11,7 +10,7 @@ |
</tr>
|
<tr>
|
<td>Headings</td>
|
- <td>! text<br />!! text</td>
|
+ <td><div>! text</div><div>!! text</div></td> |
<td><h1>text</h1><h2>text</h2></td>
|
<td>Number of ! correponds to heading level.</td>
|
</tr>
|
|
|
@@ -24,11 +23,11 @@ |
<tr>
|
<td>Underline</td>
|
<td>===text===</td>
|
- <td><u>text</u></td>
|
+ <td><span>text</span></td> |
<td></td>
|
</tr>
|
<tr>
|
- <td>Coloured text</td>
|
+ <td>Coloured background</td> |
<td>++yellow:text++</td>
|
<td><span>text</span></td>
|
<td></td>
|
|
|
@@ -48,14 +47,20 @@ |
<tr>
|
<td>Center Text</td>
|
<td>::text::</td>
|
- <td><div>text</div></td>
|
+ <td>text</td> |
+ <td>centers text relative to its container</td> |
+ </tr> |
+ <tr> |
+ <td>Combinations of the above</td> |
+ <td>::__~~red:++yellow:text++~~__::</td> |
+ <td><span>text</span></td> |
<td></td>
|
</tr>
|
</table>
|
|
-<br /><br />
|
+ |
+!! Lists |
<table>
|
- Lists
|
<tr>
|
<th>Description</th>
|
<th>Example</th>
|
|
|
@@ -64,13 +69,13 @@ |
</tr>
|
<tr>
|
<td>Unordered Lists</td>
|
- <td>* item 1<br />** item 2</td>
|
+ <td><div>* item 1 </div><div>** item 2</div></td> |
<td><ul><li>item 1<ul><li>item 2</li></ul></li></ul></td>
|
<td></td>
|
</tr>
|
<tr>
|
<td>Ordered Lists</td>
|
- <td># item 1<br />## item 2</td>
|
+ <td><div># item 1 </div><div>## item 2</div></td> |
<td><ol><li>item 1<ol><li>item 2</li></ol></li></ol></td>
|
<td></td>
|
</tr>
|
|
|
@@ -82,9 +87,11 @@ |
</tr>
|
</table>
|
|
-<br /><br />
|
+ |
+ |
+ |
+!! Wiki References |
<table>
|
- Wiki References
|
<tr>
|
<th>Description</th>
|
<th>Example</th>
|
|
|
@@ -117,9 +124,11 @@ |
</tr>
|
</table>
|
|
-<br /><br />
|
+ |
+ |
+ |
+!! External Links |
<table>
|
- External Links
|
<tr>
|
<th>Description</th>
|
<th>Example</th>
|
|
|
@@ -134,9 +143,11 @@ |
</tr>
|
</table>
|
|
-<br /><br />
|
+ |
+ |
+ |
+!! Miscellaneous |
<table>
|
- Miscellaneous
|
<tr>
|
<th>Description</th>
|
<th>Example</th>
|
|
|
@@ -163,62 +174,13 @@ |
</tr>
|
</table>
|
|
-<br /><br />
|
-<table>
|
- Special tags
|
- <tr>
|
- <th>Description</th>
|
- <th>Example</th>
|
- <th>Result</th>
|
- <th>Notes</th>
|
- </tr>
|
- <tr>
|
- <td>Image</td>
|
- <td>{img src=/storage/images/logo.png}</td>
|
- <td><img alt="Image" src="/storage/images/logo.png" /></td>
|
- <td>Please see the appendix for more information</td>
|
- </tr>
|
- <tr>
|
- <td>Highlighted Bar</td>
|
- <td>-=highlighted bar=-</td>
|
- <td><span>highlighted bar</span></td>
|
- <td></td>
|
- </tr>
|
- <tr>
|
- <td>Highlighted Box</td>
|
- <td>^highlighted box^</td>
|
- <td><span>highlighted box</span></td>
|
- <td></td>
|
- </tr>
|
- <tr>
|
- <td>Code Block</td>
|
- <td>{code source=Bash}Code block{/code}</td>
|
- <td>{code}$ cp foo bar
|
-$ mysqldump dbname{/code}</td>
|
- <td></td>
|
- </tr>
|
-</table>
|
+<hr /> |
+ |
+!! Why use wiki syntax? |
+Wiki syntax is a way to add word-processor like formatting to content in the website. Consisting of special characters that you enter along with the text, wiki syntax is designed for non-programmers be easy to use. E.g., typing ~np~__bold text__~/np~ with underscores creates __bold text__. Typing ~np~((Wiki Syntax|link))~/np~ creates a ((Wiki Syntax|link)) to the page ''Wiki Syntax''. |
|
-<h2>Appendix</h2>
|
-<h3>{img}</h3>
|
-<p>When using {img} the image and the description are enclosed with a div, that you can style with various css parameters:</p>
|
-<ul>
|
- <li>border</li>
|
- <li>padding</li>
|
- <li>width</li>
|
- <li>float</li>
|
- <li>color</li>
|
- <li>background</li>
|
- <li>border</li>
|
- <li>text-align</li>
|
-</ul>
|
-<p>Example:
|
-<br />{img src=http://www.bitweaver.org/storage/images/logo.png float=right margin=0 1em padding=10px 20px background=#f60 text-align=center color=#fff float=right desc=bitweaver standing tall border=3px solid #000 font=bold small-caps 160%/160% fantasy link=http://bitweaver.org}</p>
|
-<p><div>
|
- <a href="http://bitweaver.org">
|
- <img alt="bitweaver standing tall" title="bitweaver standing tall" src="http://www.bitweaver.org/storage/images/logo.png" />
|
- </a>
|
- <br />bitweaver standing tall
|
-</div>
|
-This is some random text to illustrate what the image would look like within a paragraph. This is some random text to illustrate what the image would look like within a paragraph. This is some random text to illustrate what the image would look like within a paragraph. This is some random text to illustrate what the image would look like within a paragraph. This is some random text to illustrate what the image would look like within a paragraph. This is some random text to illustrate what the image would look like within a paragraph. This is some random text to illustrate what the image would look like within a paragraph. This is some random text to illustrate what the image would look like within a paragraph. This is some random text to illustrate what the image would look like within a paragraph. This is some random text to illustrate what the image would look like within a paragraph.</p>
|
+!! Quicklinks |
+Eventually many users memorize the wiki syntax they use, but you don't have to. It the ((QuicklinksPackage|Quicklinks)) package is enabled, the quicklink buttons above the edit window will apply the chosen formatting to any selected text. |
|
+!! Plugins |
+If you are looking for a way to include __CODE__ (with highlighting for various languages) or __DIV__ or __IMG and ATTACHMENT__ please refer to ((DataPlugins|the list of data plugins)). |
|
|