Wiki Syntax
rating: +304+x

Note: The majority of the contents of this page is translated and originally from the Wiki Syntax page on the SCP-JP wiki.

This page references Wikidot's syntax documentation.

This is a reference for Wikidot syntax used often (or not) in writing SCPs. If you'd like to see more advanced formatting using non-Wikidot syntax on Wikidot, check out DrMagnusDrMagnus's Advanced Formatting and You essay, and if you'd like some easily copy-pasted templates for various alternative logs and formats, check out ShaggydredlocksShaggydredlocks's SCP Style Resource essay.

Text

Syntax Example
**Bold** Bold
//Italics// Italics
__Underline__ Underline
--Strikethrough-- Strikethrough
{{Teletype (Monospaced)}} Teletype (Monospaced)
Text^^Superscript^^ TextSuperscript
Text,,Subscript,, TextSubscript
[[span style="color:red"]]//span// Inline Element[[/span]] span Inline Element
##blue|Predefined## or ##0000FF|Hex Color Code## Predefined or Hex Color Code
@@Escape Parsing {{Example}}@@ Escape Parsing {{Example}}

Text Size

Changing size based on current text size:

Syntax Example
[[size smaller]]Smaller Text[[/size]] Smaller Text
[[size larger]]Larger Text[[/size]] Larger Text
[[size 80%]]80% Of Current Size[[/size]] 80% Of Current Size
[[size 100%]]100% Of Current Size[[/size]] 100% Of Current Size
[[size 150%]]150% Of Current Size[[/size]] 150% Of Current Size
[[size 0.8em]]80% Of Current Size[[/size]] 80% Of Current Size
[[size 1em]]100% Of Current Size[[/size]] 100% Of Current Size
[[size 1.5em]]150% Of Current Size[[/size]] 150% Of Current Size

Setting the size directly:

Syntax Example
[[size xx-small]]Extra-Extra-Small Text[[/size]] Extra-Extra-Small Text
[[size x-small]]Extra-Small Text[[/size]] Extra-Small Text
[[size small]]Small Text[[/size]] Small Text
[[size large]]Large Text[[/size]] Large Text
[[size x-large]]Extra-Large Text[[/size]] Extra-Large Text
[[size xx-large]]Extra-Extra Large Text[[/size]] Extra-Extra Large Text
[[size 7px]]Text Size 7 Pixels[[/size]] Text Size 7 Pixels
[[size 18.75px]]Text Size 18.75 Pixels[[/size]] Text Size 18.75 Pixels

Links

URLs will automatically become links:

https://example.com - https://example.com

To link specific words or phrases, use the following:

[https://wikipedia.org/wiki/Apple_Pie apple pie] - apple pie

Pages within the wiki can be linked to directly with just the title, if the url and title are the same (i.e. the page title that Wikidot generates based on the url you use, non-case sensitive):

DrMagnus's [[[Advanced Formatting and You]]] - DrMagnus's Advanced Formatting and You

If they differ, you specify the url and then give your own title:

[[[scp-001|001 Proposals]]] - 001 Proposals

You can alternatively specify the url to directly use the page's title:

[[[scp-2521|]]] - ●●|●●●●●|●●|●

Adding an asterisk (*) in front of the url opens the link in a new window:

*https://example.com - https://example.com
[*https://example.com Example Page] - Example Page

Similar to a [[span]] (as shown in Text) an [[a]] can be used to create customizable links:

[[a href="taboo" style="color:green"]]**Taboo**[[/a]] - Taboo

Not only does this allow you to easily style a link, but it allows you to use text syntax within the link title, as well as allowing certain characters that would otherwise break the link, like square brackets ([ ]).

Collapsibles

Collapsibles are for hiding long blocks of text to prevent the page from getting too long. The hidden text appears once you click on the collapsible link:

[[collapsible show="+ Open" hide="- Close"]]
Collapsed text here
[[/collapsible]]

The collapsible show/hide text is "+ show block" and "- hide block" by default, if no show/hide is specified.

For long text blocks, use "hideLocation="both"" to show the hide link at the bottom of the block as well:

[[collapsible hideLocation="both" show="+ Open" hide="- Close"]]
Longer
Collapsed
Text
Here
[[/collapsible]]

Footnotes

Footnotes are good for inserting more information into text without cluttering the text:

Content[[footnote]]Footnote content[[/footnote]]. More content[[footnote]]More footnote content[[/footnote]].

Inserting [[footnoteblock]] determines the position of the footnotes. Otherwise, footnotes will appear at the bottom of the page:

Content1. More content2.

Images

Use this code to insert images. width is an optional measurement and can be removed, in which case it shall default to 300px. align is also optional, defaulting to the right.

[[include component:image-block
|name=URL-GOES-HERE
|caption=CAPTION-GOES-HERE
|width=WIDTH-GOES-HERE
|align=ALIGNMENT (left, right, or center)]]

The image width must have a unit, such as px (pixels), em (relative to font size), %, etc.

  • To place it on the left, use align=left
  • To place it in the middle and stretch from one side of the page to the other, set width to 100%.
  • In general you should avoid pixel-based sizes and make it proportional to either the page size or the font size. This will improve how your page appears on mobile and tablets.

Audio and Video

Use the HTML5 media player to add audio and video. Change the type to either "audio" or "video" to fit what you're inserting:

[[include :snippets:html5player
|type=audio
|url=URL-GOES-HERE]]

Quoteblocks

Quoteblocks are handy for inserting text that comes from notes, or just to insert long quotes:

> Quote
>
> More quote

Quote

More quote

Note that there is a "> " to insert the empty line, and a space after the second ">" bracket; without those, the empty line isn't there:

> Quote
>
> More quote

Quote
More quote

> Quote

> More quote

Quote

More quote

In addition to the Wikidot standard blockquotes, there is another way to create the same effect:

[[div class="blockquote"]]
Quote
[[/div]]

Quote

This style of quoteblock saves you the trouble of needing to start every line with a ">" and also lets authors include code that normally doesn't work with the standard quoteblocks.

Tabs

Tabs are great for a variety of uses, mostly for keeping your numerous drafts on one sandbox page, but there are other creative uses for it too.

[[tabview]]
[[tab Tab 1]]
Contents of tab 1
[[/tab]]
[[tab Tab 2]]
Contents of Tab 2
[[/tab]]
[[tab Tab 3]]
Contents of Tab 3
[[/tab]]
[[/tabview]]

Contents of tab 1

Tabs can be nested within tabs, but the most obvious method (putting a [[tabview]] within another [[tabview]]) will not work. There is a specific method required for nesting tabs, but I don't recommend doing it due to readability issues. Just make another sandbox page at that point.

Tables

Tables can be useful for experiment logs, or SCPs with a large number of component entities:

||~ TITLE-FORMATTED CELL ||~ TITLE-FORMATTED CELL ||~ TITLE-FORMATTED CELL||
|| Non-formatted cell || Non-formatted cell || Non-formatted cell ||
||< Left-aligned cell ||< Left-aligned cell ||< Left-aligned cell ||
||> Right-aligned cell ||> Right-aligned cell ||> Right-aligned cell ||
||= Center-aligned cell ||= Center-aligned cell ||= Center-aligned cell||

TITLE-FORMATTED CELL TITLE-FORMATTED CELL TITLE-FORMATTED CELL
Non-formatted cell Non-formatted cell Non-formatted cell
Left-aligned cell Left-aligned cell Left-aligned cell
Right-aligned cell Right-aligned cell Right-aligned cell
Center-aligned cell Center-aligned cell Center-aligned cell

Adding more cell separators (||) before the cell's text will make the cell span multiple columns based on how many cell separators you used. If a space is placed between them instead (|| ||) it will create an empty cell:

||~ Cell title ||~ Cell title ||~ Cell title ||
|| Cell spanning one column |||| Cell spanning two columns ||
|||||| Cell spanning three columns ||
|| || Cell between two empty cells || ||

Cell title Cell title Cell title
Cell spanning one column Cell spanning two columns
Cell spanning three columns
Cell between two empty cells

If you want to do more things with a table, such as styling it, merging cells vertically, and placing other elements inside a cell, you can use the more manual table layout:

[[table class="wiki-content-table"]]
[[row]]
[[hcell]] Cell title [[/hcell]]
[[hcell colspan="2"]] Cell title spanning two columns [[/hcell]]
[[/row]]
[[row]]
[[hcell rowspan="2"]] Cell title spanning two rows [[/hcell]]
[[cell]]
> Cell with Blockquote
[[/cell]]
[[cell]] Cell [[/cell]]
[[/row]]
[[row]]
[[cell]] Cell [[/cell]]
[[cell]] [[/cell]]
[[/row]]
[[/table]]

Cell title Cell title spanning two columns
Cell title
spanning
two rows

Cell with
Blockquote

Cell
Cell

To remove the table's default styling, delete class="wiki-content-table". Styling can be applied to every element of the table, with some most important ones being "border-collapse: separate" (which creates gaps between cells), "border-spacing:" (which sets the size of those gaps), and "empty-cells: hide" (which makes empty cells invisible):

[[table class="wiki-content-table" style="border-collapse: separate; border-spacing: 4px; empty-cells: hide"]]
[[row]]
[[hcell]] Cell title [[/hcell]]
[[hcell]] Cell title [[/hcell]]
[[/row]]
[[row]]
[[cell]] Cell [[/cell]]
[[cell]] [[/cell]]
[[/row]]
[[/table]]

Cell title Cell title
Cell
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License