RuneScape Wiki

The default editor for newly made accounts or for users who are not logged into an account is the VisualEditor. When making some types of edits using the VisualEditor will introduce errors along with your edit to the page.

Source mode allows you to see all of the wikicode on a page and to edit this directly. If you want to make a more complex edit you should switch to the Source mode editor. Use Source mode for these types of edits:

  • Making a redirect

Switching editors[]

There are two ways to change your editing mode, depending on if you have made an account or not.

If you do not have have an account you will have to switch editors while making an edit. This will only last for the single edit you are making.

  • Click the arrow next to the Edit this page button and select Edit source.
  • If you have already opened the VisualEditor you can click the options next to the Cancel button - select Source Editor.

If you have made an account you can adjust your preferences so that source mode is used by default when you edit a page.

  • Click on your account at top right of the page.
  • Go to My Preferences > Editing. Alternatively, click here to go there directly.
  • Under Preferred editor select source editor and save the change.

First look at the Source mode interface[]

SM basics - interface
  1. Shortcuts for performing some kinds of edits.
  2. Edit summary: may be used to explain what changes you made/why you have changed something to other editors. Use the drop down menu below to select a standard edit summary.
  3. Minor edit tickbox: can check this to indicate that you have made only a small change to a page.
  4. Previews: shows a preview of what the page will look like for readers using mobile/desktop.
  5. Show changes: shows the differences made to the page in your edit.
  6. Save changes: save your changes when you are finished making your edit.

Basics in Source mode[]

This portion of the guide will cover how to perform the same functions mentioned in RuneScape:Editing/VisualEditor basics using Source mode. The same policies and guidelines for usage apply when using Source mode.

Bold and italics[]

Bold is added by placing '''triple apostrophes''' around the text and italics are added by putting ''double apostrophes'' around the text.

This can be done manually, using the apostrophe key of your keyboard, or by using the bold (SM basics - bold button) or italic (SM basics - italics button) buttons of the Source mode editor. Click the icons to add bold/italics while the text you want to add the effect to is selected.


Headings are added by putting == == around your section title. Further sub-headings can be added be adding more equals signs. E.g:

==Heading 1==
===Sub-heading 1===
====Another section====
===Sub-heading 2===
==Heading 2==

Try not to overuse headings: having too many can make it hard to navigate the contents of a page. An alternative can be to use ; which creates a section which does not appear in the contents. E.g:





Numbered lists are added by putting # before each item on the list. Each point should begin on a new line. E.g:

# First point
# Second point


  1. First point
  2. Second point

Bullet pointed lists are added with *:

* First point
* Second point


  • First point
  • Second point

You can also make sublists within lists:

# First point
## One more thing
## Another thing
# Second point


  1. First point
    1. One more thing
    2. Another thing
  2. Second point
* First point
** One more thing
** Another thing
* Second point


  • First point
    • One more thing
    • Another thing
  • Second point


  • To add a link simply place [[ ]] around the name of the page you wish to link to. This can either be done by adding these manually or with the Internal link button (SM basics - internal link button). E.g. [[Lobster]] creates Lobster.
SM basics - linking
  • Once you have added [[ and started to type the name of a piece of content, a list of pages with names matching what you have already written will be displayed. This can be helpful if you are not sure of the exact name of the page you want to link.
  • If the text between [[ ]] does not match an existing page or redirect then a redlink will be added. Redlinks do not link to existing pages and instead direct a reader to create a new page with that name. Use the preview to check that any links you have added are working correctly.

Links should fit in with the rest of the sentence. You can achieve this by manipulating links like so:

  • Adding extra letters next to your link without a space includes these letters in the link text; this can be used to add correct plurals e.g. [[Lobster]]s = Lobsters; [[strange switch]]es = strange switches.
  • You can change the text displayed with a link without affecting where the link goes; this can be used when the name of the page you want to link to does not fit in with what you are writing, e.g. [[Player killing|Pvp combat]] = Pvp combat.
  • Though all page names start with a capital letter, you do not have to capitalise the first letter of a linked page for the link to work. This can be useful for ensuring that correct capitalisation is used; as only proper nouns should be capitalised e.g. capitalising [[Abyssal wand]] is not necessary when written in text, changing to [[abyssal wand]] still links correctly.
    • If there are more capitalised words, excluding proper nouns and the first word of the page name, in the name of the page you wish to link then you will not be able to change the the words' capitalisation in this way. Instead you should change the text displayed with the link to use correct capitalisation e.g. to link to [[Runecrafter's Catalyst fragment]] you would make a link like this: [[Runecrafter's Catalyst fragment|runecrafter's catalyst fragment]].
  • Sometimes content does not have a dedicated article and is instead included as a section of a larger page: you may wish to link directly to the relevant section. You can do this by adding # and the name of the relevant section's heading after the page name in a link. This text after # must match up to a section heading in order for the link to work correctly. For example if you wanted to link make a link about pickpocketing you would need to link to the section about pickpocketing in the Thieving guide, like this [[Thieving#Pickpocketing]]. This is usually combined with changing the link text e.g. [[Thieving#Pickpocketing|pickpocketing]].


  • Link to your desired file like this: [[File:The file's name.png]]. You must use the correct file extension at the end of the image's name: most files on the wiki are in the .png format, however some are in another format such as .jpgs. E.g:

[[File:Lobster detail.png]] adds this image:

Lobster detail

[[File:Aquarium fish concept art.jpg]] add this image:

Aquarium fish concept art
  • You must use the exact file name (using the same spelling, capitalisation and spacing) for the link to work correctly.
    • Most images on the wiki use standardised names depending on what kind of they are: this can be helpful for identify which image you want to use. See here for information about standard image names.
SM basics - file linking
    • As with regular linking, starting to type with [[File: will display files matching what you have written to help you chose the correct image.
  • Often you will wish to specify the size and positioning of images.
    • Adding |left |right or |center before the end of your link, after the image's name will put it in that position on a page, e.g. [[File:Lobster detail.png|left]] will add the add the image on the left side of text.
    • You can adjust the size of the image by adding ###px in the same place in the link: this limits the width of the image. E.g. [[File:Lobster detail.png|center|50px]] or [[File:Lobster detail.png|50px|center]] adds an image which is centred and has a width of 50 pixels:
Lobster detail
  • Alternatively you can use the add image button (SM basics - add photo button) in the Source mode.
    • First you can search for and select the image you want to add.
    • On the second screen you can use the slider to adjust the image size, add a caption, and/or align it left or right.


Tables can be useful for displaying some kinds of information. A standard table can be added using the (SM basics - insert table button) button. This adds the wikicode:

{| class="wikitable"
! header 1
! header 2
! header 3
| row 1, cell 1
| row 1, cell 2
| row 1, cell 3
| row 2, cell 1
| row 2, cell 2
| row 2, cell 3

Giving a table with 3 columns with headings and 2 rows:

header 1 header 2 header 3
row 1, cell 1 row 1, cell 2 row 1, cell 3
row 2, cell 1 row 2, cell 2 row 2, cell 3

You can also create your own table:

{| class="wikitable"


Creates the table

|- makes a new row

| makes a new cell

! makes a bold heading

Making a new page[]

You can create a new page by clicking either the Add button in the top right corner of the screen.

You will be prompted to choose a name for your page: make sure that you use correct spelling, spacing and capitalisation for the content you are making the page for to avoid making duplicate pages for that same content. It is best to create a blank page. Start by adding any information that is known about the content. You must save the page after you have finished editing it before it is created.

You can then look to existing pages for similar content to see what formatting and advanced features are needed. You can copy and paste from existing pages and adapt to the page you have made.

See also[]

Want some more help?