History of TikiWikiSyntax

Differences from version 17 to 31



@@ -1,20 +1,16 @@

-{maketoc}
-<h1>Plugins</h1>
-If you are looking for information on plugins such as <strong>{ code }, { div }, ...</strong> please view the plugin help at the bottom of the wiki page creation page and the appropriate plugin page here. We have a listing of <a href="/wiki/DataPlugins">available plugin pages</a>
+__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 /><br />
-<h1>TikiWiki Syntax</h1>
-<h2>Emphasis</h2>
-<table class="bittable">
+!! Emphasis
+<table>
  <tr>
- <th style="width:25%">Description</th>
- <th style="width:25%">Example</th>
- <th style="width:25%">Result</th>
- <th style="width:25%">Notes</th>
+ <th>Description</th>
+ <th>Example</th>
+ <th>Result</th>
+ <th>Notes</th>
  </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>

@@ -27,19 +23,19 @@

  <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 style="background:yellow;">text</span></td>
+ <td><span>text</span></td>
  <td></td>
  </tr>
  <tr>
  <td>Coloured text</td>
  <td>~~red:text~~</td>
- <td><span style="color:red;">text</span></td>
+ <td><span>text</span></td>
  <td></td>
  </tr>
  <tr>

@@ -51,35 +47,35 @@

  <tr>
  <td>Center Text</td>
  <td>::text::</td>
- <td><div style="text-align:center;">text</div></td>
- <td></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><div style="text-align:center;"><span style="background:yellow; color:red; font-weight:bold;">text</span></div></td>
+ <td><span>text</span></td>
  <td></td>
  </tr>
 </table>
 
-<br /><br />
-<h2>Lists</h2>
-<table class="bittable">
+
+!! Lists
+<table>
  <tr>
- <th style="width:25%">Description</th>
- <th style="width:25%">Example</th>
- <th style="width:25%">Result</th>
- <th style="width:25%">Notes</th>
+ <th>Description</th>
+ <th>Example</th>
+ <th>Result</th>
+ <th>Notes</th>
  </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>

@@ -91,14 +87,16 @@

  </tr>
 </table>
 
-<br /><br />
-<h2>Wiki References</h2>
-<table class="bittable">
+
+
+
+!! Wiki References
+<table>
  <tr>
- <th style="width:25%">Description</th>
- <th style="width:25%">Example</th>
- <th style="width:25%">Result</th>
- <th style="width:25%">Notes</th>
+ <th>Description</th>
+ <th>Example</th>
+ <th>Result</th>
+ <th>Notes</th>
  </tr>
  <tr>
  <td>Automatic link to wiki page</td>

@@ -126,31 +124,35 @@

  </tr>
 </table>
 
-<br /><br />
-<h2>External Links</h2>
-<table class="bittable">
+
+
+
+!! External Links
+<table>
  <tr>
- <th style="width:25%">Description</th>
- <th style="width:25%">Example</th>
- <th style="width:25%">Result</th>
- <th style="width:25%">Notes</th>
+ <th>Description</th>
+ <th>Example</th>
+ <th>Result</th>
+ <th>Notes</th>
  </tr>
  <tr>
  <td>External Link</td>
  <td>[http://www.example.com|Description]</td>
- <td><a class="external" href="http://www.example.com">Description</a></td>
+ <td><a href="http://www.example.com">Description</a></td>
  <td>If you leave out the Description, it will display the URL.</td>
  </tr>
 </table>
 
-<br /><br />
-<h2>Miscellaneous</h2>
-<table class="bittable">
+
+
+
+!! Miscellaneous
+<table>
  <tr>
- <th style="width:25%">Description</th>
- <th style="width:25%">Example</th>
- <th style="width:25%">Result</th>
- <th style="width:25%">Notes</th>
+ <th>Description</th>
+ <th>Example</th>
+ <th>Result</th>
+ <th>Notes</th>
  </tr>
  <tr>
  <td>Horizontal Rule</td>

@@ -161,55 +163,24 @@

  <tr>
  <td>Highlighted Bar</td>
  <td>-=highlighted bar=-</td>
- <td><span class="bitbar">highlighted bar</span></td>
+ <td><span>highlighted bar</span></td>
  <td></td>
  </tr>
  <tr>
  <td>Highlighted Box</td>
  <td>^highlighted box^</td>
- <td><span class="bitbox">highlighted box</span></td>
+ <td><span>highlighted box</span></td>
  <td></td>
  </tr>
 </table>
 
-<br /><br />
-<h2>Special tags</h2>
-<table class="bittable">
- <tr>
- <th style="width:25%">Description</th>
- <th style="width:25%">Example</th>
- <th style="width:25%">Result</th>
- <th style="width:25%">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>
-</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>
-<div class="img-plugin" style="float:right;margin:0 1em;padding:10px 20px;background:#f60;text-align:center;color:#fff;float:right;border:3px solid #000;font:bold small-caps 160%/160% fantasy;">
- <a href="http://bitweaver.org">
- <img alt="bitweaver standing tall" title="bitweaver standing tall" src="http://www.bitweaver.org/storage/images/logo.png" style="" />
- </a>
- <br />bitweaver standing tall
-</div>
-<p>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.
 
-<div class="clear"> </div>
+!! 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)).
Page History
Date/CommentUserIPVersion
14 May 2009 (17:48 UTC)
Will69.203.72.16131
Current • Source
laetzer85.178.10.6229
View • Compare • Difference • Source
mlpvolt206.248.132.10926
View • Compare • Difference • Source
mlpvolt206.248.132.10925
View • Compare • Difference • Source
dspt213.184.224.324
View • Compare • Difference • Source
dspt213.184.224.319
View • Compare • Difference • Source
Sean Lee71.254.3.12818
View • Compare • Difference • Source
xing194.152.164.4517
View • Compare • Difference • Source
xing194.152.164.4516
View • Compare • Difference • Source
xing194.152.164.4515
View • Compare • Difference • Source
Edog69.145.86.25414
View • Compare • Difference • Source
xing194.152.164.4512
View • Compare • Difference • Source
xing194.152.164.4511
View • Compare • Difference • Source
xing194.152.164.4510
View • Compare • Difference • Source
xing194.152.164.459
View • Compare • Difference • Source
xing194.152.164.458
View • Compare • Difference • Source
Francisco68.23.41.617
View • Compare • Difference • Source
spiderr66.93.240.2044
View • Compare • Difference • Source
Wickie80.134.11.2153
View • Compare • Difference • Source
Wickie80.134.17.172
View • Compare • Difference • Source