Home
Development Log
RecentChanges
Find
Download
Skins
Quick search:

Editing Tips

CategoryEditing (use this link to get a full list of editing-related pages).

Be aware that PikiePikie does not yet lock pages during editing, so if you pause for a long time on the edit screen you may overwrite somebody else's changes.

You cannot enter HTML directly - it will be converted into displayable text, for example <H1>This is not a heading!</H1>.

The editing tips on this page are broken down into the following sections:

Text formatting

Leave blank lines between paragraphs.

You can also write italics and bold. To write italics, enclose the text in ' 'double single quotes' ' (without spaces between them). To write bold, enclose the text in ' ' 'triple single quotes' ' '.

If you indent text
like this, then it is indented in the output.
You can have multiple levels of indent.

And if you put asterisks at the start of the line (preceded by at least one space) Force a line break by including the standard HTML tag '<BR>'. Note that introducing a break into the middle of a string just generates the necessary HTML break. This is not the equivalent of starting the remainder of the string on a subsequent line as PikiePikie will not recognise indent or bullet indicators after the <BR>, as it would at the beginning of a line.

To insert text such as program source in a monospaced font, without reformatting, use three curly braces {{{ ... }}}:

  public static void main(String[] args) {
    out.println("Hello");
  }

Use two curly braces {{ ... }} to get monospaced text within a paragraph (highlighted here for clarity).

You can embed a number of smileys in your text - see the EmotIcon's page for a list B).

From version 0.3 you can define tables - see TableSyntax for details.

You can rule a line across the page by typing four or more dashes. The number of dashes in a horizontal rule markup determine how thick it is.





You can have a shortened and centred horizontal rule by suffixing it with a number, where the number may be an absolute value or a percentage. The lines below use the following markup: ----30 and ----30%.



Page names and hyperlinks

Names of pages have to LookLikeThis. It's called a WikiName. If you write a word that LooksLikeThis, it will be automatically turned into a link. This site uses the substitution plugin to find existing pages based on some simple language rules, such that plural WikiNames will link to the singular WikiName if this exists. Click on WikiNames and notice the resulting page title to see this in action. It is therefore suggested that you always create new pages named in the singular so that both singular and plural names will be found.

You can write a URL or mail address straight into the page text and it will be converted into a hyperlink with the address displayed as the clickable text, as here: http://pikie.dyndns.org. You can also write a relative URL, i.e. one based on the site's URL, by beginning the address with '//' e.g. '//readme', which will display as /readme. Note that relative URL's will open in the same window as the Wiki pages, whereas http://pikie.dyndns.org/readme will be treated as an external link and will normally open in a new window.

To set some string to be a hyperlink, enclose a URL followed by the selectable text in square brackets, so [http://pikie.dyndns.org This is a link to this site] appears on the page as This is a link to this site. You can do this with other pages within the site and with references to InterWikis too. See ExampleHyperlinks for samples of all the available techniques.

You can define bookmarks (or sections) within the page, and create a table of contents for them anywhere on the page by adding the text =TableOfContents=. Section bookmarks are of the form ==<section title>==, increasing the number of consecutive '=' characters to create subsections (so the top level text is wrapped in ==, the next level in ===, and so on). This page provides an example.

Images

You can upload images to the site by clicking UploadImage at the bottom of any page, or more simply by editing a page to include a new image reference and clicking on the resultant ?img? tag.

Define an image to be included on a page by typing 'img:<image WikiName>' in the text of the page. Define a reference to an image (which will display on a separate page), by typing [img:<image WikiName> your text]. 'Your text' will be displayed as a hyperlink to the image.

Define a thumbnail image acting as a link to the full size image by typing 'imgs:<image WikiName>'. This is shorthand for [img:<image WikiName> img:<image WikiNameThumbnail>], with the advantage of allowing the thumbnail image to be created automatically when the full-size image is uploaded.

Macros

Specific functionality can be 'programmed' into a page by including a macro command of the form [[<macro-name>]].


You can click EditText in the footer to see the markup for this page, and try it yourself in the SandBox.


CategoryPikieDocumentation CategoryEditing