This article has been marked as out of date. There's a possibility that some information is incorrect.
New version here! (This version will stick around for a bit to make sure nothing was missed in the rewrite.)
CWS uses it's own form of markup called CWS Markup (we will call this CWSM in this article). It is similar to, and functions mostly like HTML, but there are a few custom tags to keep in line with the CWS style (and some tags, like hyperlink tags, have been simplified). Below is a reference of tags, and what they do. This page will not cover every possible option with the CWSM, but will cover the basics of the purpose, and the syntax of each tag.
When using CWSM in articles or on forums, you must be certain to close all tags. Leaving any tags open will give a failure message instead of showing your post, with the exception of list (li) and linebreak (br) tags.
First line of buttons
The 'b' tag is used to bold text. For example:
This is a sentence with a <b>bold</b> word.
This is a sentence with a bold word.
The 'i' tag is used to italic text. For example:
This is a sentence with a <i>italic</i> word.
This is a sentence with a italic word.
The 'u' tag is used to underline text. For example:
This is a sentence with a <u>underline</u> word.
This is a sentence with a underline word.
The 's' tag is used to strikethrough text. For example:
This is a sentence with a <s>strikethrough</s> word.
This is a sentence with a
The 'a' tag is used to create a web link. For example:
This is a sentence with a <a=http://www.google.com>Link to google</a>.
The 'url' tag is used to add an image. For example:
The 'big' tag is used to enlarge text. For example:
This is a sentence with a <big>big</big> word.
This is a sentence with a big word.
The 'u' tag is used to reduce text size. For example:
This is a sentence with a <small>small</small> word.
This is a sentence with a small word.
<title> (Title banner)
The 'title' tag is used to create the title divider. If you use these tags, a menu will be created at the top of your page (articles only) that will have clickable links to jump to each title. For example:
Second line of buttons
<title>This is a title</title>
<code> (Highlighted word)
The 'code' tag is used to highlight certain things. For example:
This is a sentence with a <code>code</code> word.
This is a sentence with a code word.
<quote> (Blockquote box)
The 'quote' tag is used to create an indented blockquote. For example:
<quote>This is a blockquote</quote>
This is a blockquote
The 'lang' tag around the three-letter language code, will produce a link to that language, and the language's flag.
This tag around labelled bracket notation for syntax will produce a syntax tree. Please use this page for testing the trees.
<syntax>[S [NP [P I]][VP [V love] [NP [P my][N conlang]]]]</syntax>
The answer tag has its own dedicated article here.
Gloss tags discussed in their own section below.
<table>, <tr>, <th>, <td> (Tables)
The table, tr, th, and td tags are used to create tables. The 'table' tag starts and finishes the table, the 'tr' tag defines a row in the table and the 'th' and 'td' tags are the cells within the rows. 'Th' is used for headings - so the background will be darker and the text bolded. 'Td' is for regular cells. Using the following code:
<td>Col 1, Row 2</td>
<td>Col 2, Row 2</td>
<td>Col 1, Row 3</td>
<td>Col 2, Row 3</td>
The properties colspan and rowspan can also be used as in normal HTML. Additionally, CWS has premade table cell styles for both headers and cells. Here's some examples:
|Col 1||Col 2|
|Col 1, Row 2||Col 2, Row 2|
|Col 1, Row 3||Col 2, Row 3|
<th colspan=3>long title</th>
<td colspan=2>long content</td>
<td rowspan=2>tall content</td>
<td class='red'>red content</td>
<td class='cyan'>blue content</td>
<td class='yellow' colspan=3>long yellow content</td>
Here are the available colours:
|a funky-lookin' table|
|it's a longboi||and a tallboi|
|red fish||blue fish|
|a long yellow non-rhyming entity|
<ul>, <ol>, <li> (Lists)
These tags are used to create lists. 'Ul' and 'ol' are the wrappers for the lists, and 'li' is each bullet point within the list. 'ul' is an unordered list (so just bullet points), and 'ol' is an ordered list (numbered from 1 to however many points). Using this code:
And using this code:
<nocws> (Non-parsing wrappers)
The 'nocws' tag prevents anything between them from being parsed as code. This is a workaround to being able to use grapheme notation such as <b> without it making everything bold. For example, using:
<nocws>This is a sentence with <b> in it that is not bold.</nocws>
This is a sentence with <b> in it that is not bold.
The third row of buttons all pertain to changing the colour of text. The first two elements, the '▼' button and the colour chooser, work together. Use the colour chooser to pick a colour, then the ▼ will insert it. There are also a number of preset colours for you to choose from. The colours use hexidecimal format, that is: RRGGBB (R = Red, G = Green, B = Blue).
The 'colour' tag is used to change the colour of text. For example:
Third row of buttons
This is a sentence with a <colour=FF0000>red</colour> word.
This is a sentence with a red word.
Please note that the tag is colour, NOT color.
This tag will simply add a couple of line breaks where they may not otherwise be used. You won't really need to use this, but it's there if you do.
<nomenu> (menu supression)
If you put this tag anywhere in your page (articles only), it will suppress the use of the menu that is automatically generated from the <title> tags.
<wip> (menu supression)
If you put this tag anywhere in your page (articles only), will show a banner at the beginning of the article with a message stating that the article is currently a work in progress (WIP), and that the reader should check back later for any changes.
<hover> (hover text)
Use this tag to make text that can be hovered over to produce alt text:
<hover>something|something else</hover> to produce: somethingsomething else.
<hide> (hidden area)
Use this tag to make text that can be hidden and displayed with the click of the button:
<hide=text for the bar>something|something else</hide> to produce:
▼ text for the bar
Image positioning and <clearfloat>
You can do this by specifying either 'right' or 'left' as an option within the img tag. Example:
If you have a floating image and you want the text to go back after the image again (e.g this very paragraph you are reading), you can use the clearfloat tag, like so:
<img>http://example.com/image.png|200|left</img> Bla bla
<clearfloat>This text shows up after the image! Hooray!
You do not need to close the clearfloat tag :)
Note: you don't need to specify the size in order to use the float. If you are not specifying a size but you still want it to float, you can just put the side ('left' or 'right') straight after the image URL:
This tag is a one-use tag that is to be put around a gloss notation that will provide further information.
action occurring after the moment of speech
This tag stands for gloss line. It is to be used similarly to the gloss tag above, but will parse an entire line. Anything that is not a numeral or in capital letters will be ignored.
<gl>1.SG food-ACC eat.PRS.OPT-NEG</gl>
1First person (person)
speaker, signer, etc; I.SGSingular (number)
one countable entity food-ACCAccusative (case)
TRANS direct object; patient eat.PRSPresent tense (tense).OPTOptative (mood)
'wish, hope'-NEGNegative (polarity)
This tag stands for gloss block. This is used to format glosses to align each section with the English translation and whatever other information you wish to provide.
The x indicates the row number that you wish to use as the gloss. If this is not specified, it will assume the first line (=1). There are two other things to know about these. Firstly, you use the '|' character to separate each block. Within each block, you can either use a carriage return (by pressing enter or return), or '//' to separate each line.
Or using the other method:
1First person (person)
speaker, signer, etc; I.SGSingular (number)
one countable entity
TRANS direct object; patient
eat.PRSPresent tense (tense)-NEGNegative (polarity)
links two arguments or clauses together