Difference between revisions of "Wiki editing tips"
(→Programming Language Tabs) |
(→Programming Language Tabs) |
||
Line 52: | Line 52: | ||
</nowiki><br> | </nowiki><br> | ||
<nowiki> | <nowiki> | ||
− | + | CSharp= | |
</nowiki><br> | </nowiki><br> | ||
<nowiki> | <nowiki> | ||
− | + | <syntaxhighlight lang="csharp" line> | |
− | + | ... | |
− | + | </syntaxhighlight> | |
</nowiki><br> | </nowiki><br> | ||
<nowiki> | <nowiki> | ||
Line 65: | Line 65: | ||
</nowiki><br> | </nowiki><br> | ||
<nowiki> | <nowiki> | ||
− | + | VB= | |
</nowiki><br> | </nowiki><br> | ||
<nowiki> | <nowiki> | ||
− | + | <syntaxhighlight lang="vbnet" line> | |
− | + | ... | |
− | + | </syntaxhighlight> | |
</nowiki><br> | </nowiki><br> | ||
<nowiki> | <nowiki> |
Revision as of 22:35, 30 November 2016
Wiki Editor
when you edit a page you will see a basic editing app, this has standard icons for Bold, Italics, Embed File etc. Also look at the options under Advanced, this includes bullets & numbering, NoWiki tags, icons for the text size and so on:
Check the help section for guidance on how to edit / format a wiki:
Syntax Highlighting
This wiki will include many fragments of code. Syntax Highlighting will make the code easier to read and understand, most IDE's do this as standard and this wiki can also do it.
You can wrap your code in the following tags:
<syntaxhighlight lang="python">
..
</syntaxhighlight>
or if you want line numbers:
<syntaxhighlight lang="python" line>
..
</syntaxhighlight>
The lang can be "csharp" , "vb" , or "vbnet". Many other languages are selectable, but students at TRC are doing the exam in C# therefore they should use the "csharp" option.
Programming Language Tabs
I have installed an extension called Tabber which can create interactive tabs within the content. I want this to be used to provide alternative languages.
The code below is an example of how to use it:
<tabber>
CSharp=
<syntaxhighlight lang="csharp" line>
...
</syntaxhighlight>
|-|
VB=
<syntaxhighlight lang="vbnet" line>
...
</syntaxhighlight>
</tabber>
the tabber tags define the extent of the tabs and the |-| is the split between tabs. CSharp= will give this name to the tab and anything after the equals will be within the tab.