Edit the Wiki (OSF Projects)

cc-zero.png   This article is licensed under CC0 for maximum reuse. 

The wiki is a versatile tool for interacting with your team and others who view your work. Wikis can be used to explain the main points of your project and can contain information like lab notes, contact information, or more in-depth details about your project. The wiki supports Markdown and MathJax syntax.

The wiki supports collaborative editing, meaning your entire team can work on it at the same time. You can also make wikis publicly editable to allow visitors to your project to contribute. All versions of a wiki page are saved, so you can always go back to previous versions and compare current wikis with previous iterations.

Open the editor

First, open your project. Then click the Wiki button in the navigation bar or in the "Wiki" section.

You will be taken to your wiki.

Click the Edit button in the toolbar (the "View" button will be toggled on by default.).

Editing the wiki

The "Edit" pane will open in which you can add and edit content.

Type your content into the "Edit" pane.  The middle pane, called "View," previews the wiki content as you type and can be toggled off by clicking the View button.

Format text, bullets, headings, and more

Formatting text, bullets, headings, and more

The toolbar above the Edit pane contains several buttons to help you format your wiki, even if you don't know Markdown syntax. In order from left to right, they are as follows:

Format text in bold

Format text in italics

Insert a hyperlink

Insert a blockquote

Insert a code sample

Insert an image

Insert a numbered list

Insert a bulleted list

Insert a heading

Insert a horizontal line

The next two buttons, though not formatting buttons,  allow you to undo or redo typing in the wiki. Finally, autocomplete can be turned on by checking the box and the wiki will try to anticipate what you are typing and complete the word for you.

Add files

Embed files

Open the file that you want to embed. Then copy the Globally Unique Identifier (GUID) from the file's URL.

Paste the GUID into the wiki editor, and embed it using the following syntax:

@[osf](GUID)

Click the green Save button to save your changes.

Drag and drop local images

Drag and drop one or more images from your computer into the wiki editor.

Click the green Save button to save your changes.



A folder called "Wiki images" will be created in your project's files. Any images you've dragged and dropped in your wiki will be stored here.

Embed images from OSF

Open the image from your "Files" tab that you want to embed. Then copy the Globally Unique Identifier (GUID) from the image's URL.

Paste the GUID into the wiki editor, and embed it using the following syntax:

@[osf](GUID)

Embedding images

Click the green Save button to save your changes.

Embed external images

Open the image that you want to embed, then copy the image URL.

Open your project wiki, and click the Embed image button in the toolbar.

The "Add image" modal will appear.

Paste the image URL into the URL field, and click the Add button.

The image will be added to your wiki.

Click the green Save button to save your changes.

Resize images

After you embed an image, the markdown syntax will contain footnotes as follows:

To resize an image, remove the footnotes. Then place the image URL in parentheses and move it directly after the description. For example:

![enter image description here](image URL)

To resize an image to an exact size, add the following syntax after the image URL:

![enter image description here](image URL =nxn)

To resize the image to fit the page, add the following syntax after the URL:

![enter image description here](image URL =100%x)

To resize the image to a relative size, use a percentage:

![enter image description here](image URL =n%x)

The image will be resized accordingly.

Click the Insert link button in the toolbar.

Inserting links

The "Add hyperlink" modal will appear.

Enter the URL of the website into the URL field, then click the greenAdd button.

Add the text you want to hyperlink inside the brackets.

Then click the green Save button to save your changes.

Insert anchors

First, add a table of contents using the following syntax:

@[toc](optional_label)

Without the optional label, the text will say "Table of Contents."

Then, insert your anchor(s) anywhere in the wiki using the following syntax:

## linked text ##

## linked text ##

Inserting Anchors

Embed Youtube or Vimeo videos

You can embed Youtube, Vimeo, Vine, and Prezi in a wiki using a simple bit of Markdown syntax.

For a Youtube video: 

@[youtube](https://www.youtube.com/watch?v=NqC2uagJZpw)

For a Vimeo video: 

@[vimeo](https://vimeo.com/127891298)

For a Vine video:

@[vine](https://vine.co/v/hApxwH3Uax2/embed)

For a Prezi:

@[prezi](https://prezi.com/9jcaq4arxj22/communicating-science-to-the-public/#)

Replace the URL with the address of the video or presentation you wish to embed.

Embedding Youtube or Vimeo videos

Add a table

You can insert tables in a wiki by using markdown syntax: each row on a separate line, with vertical pipes to separate cells. See the example below:


| Characteristics | Types |

| ------ | ----------- |

| Altered Wing Structures   | Short, long, none |

| Altered Body Color | brown, gold, green |

| Altered Eye Color    | brown, red, hazel |

Adding a table


cc-zero.png This article is licensed under CC0 for maximum reuse. 
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us