Meta-PokéBase Q&A
1 vote
1,806 views

Can someone who knows about formatting (markdown, or whatever it's called) on Pokebase list everything that can be done by the markdown thing?

Click here to access other questions in the PokeBase starter's guide.

by
edited by
You mean the markdown code?
Something like that.
There's some extra stuff you can do with HTML, which I included in my answer.

1 Answer

5 votes
 
Best answer

PokeBase uses a simple and popular markup language called Markdown to allow text formatting. You can also use some allowed HTML tags to style text. You can learn HTML with online guides very quickly.

Formatting should be used sparingly to improve readability. If everything is in bold then nothing stands out!

Note that Markdown and HTML formatting is only active for the body text of questions and answers. You cannot format comments, question titles, wall posts, or profile pages.


Bold text: Add two apostrophes ** at the start and end of the text you want to highlight. Alternatively, you can use the <b> or <strong> HTML tags.

Italic text: Add an apostrophe * at the start and end of the text you want to highlight. Alternatively, you can use the <i> or <em> HTML tags. I recommend using a HTML tag for italics, as the Markdown call seems to be bugged in some cases.

Code snippet: Add a "backquote" ` to the start and end of the text you want to highlight. Alternatively, you can use the "code" HTML tag.

Linked text: Contain the text you want to link inside [ ] cornered braces, then immediately after this, paste the link to the webpage inside normal brackets ( ). Alternatively, click the planet icon in the bar above the text box and follow its instructions. Do not erase the code it generates. You can also use the <a href=""> tag if you're familiar with HTML.

Strikethrough text: Use the <s> HTML tag. On PokeBase, you cannot create strikethrough text using Markdown.

Superscript text: Use the <sup> HTML tag. There is no native Markdown shortcut for superscript text, but this HTML method works. Repeated use of the tag shrinks text even more.

Subscript text: Use the <sub> HTML tag. There is no native Markdown shortcut for subscript text, but this HTML method works. Repeated use of the tag shrinks text even more.

Deleted text: Use the <del> HTML tag. There is no native Markdown shortcut for deleted text, but this HTML method works.

Inserted text: Use the <ins> HTML tag. There is no native Markdown shortcut for inserted text, but this HTML method works. Note in the answer preview, this appears to fail, but will actually work.

Font, colour, spacing, border (including underline), and alignment cannot be manipulated on PokeBase. Extra CSS formatting, including the <style> tag, is also disabled here.


Heading text: Add a hash # to the front of the line of text you want to emphasize. You do not need to add another hash to end the header text; anything you put on the same line will be formatted as a heading. You can also use the HTML tag <h2>, or place hyphens --- underneath the text you want to emphasise.

Looks like this.

Subheading text: Add two hashes ## to the front of the line of text you want to emphasize. Mechanically, this works identically to the heading text, except it is a bit smaller. You can also call it with the HTML tag <h3>.

Looks like this.

Blockquoted text: Add a right-angled bracket (aka 'more than' sign) > followed by a space in front of the text you want to highlight. You do not need to add another bracket to end the blockquote; anything you write on the same line will be formatted this way. You can also use the <blockquote> HTML tag to achieve this effect. You can create a multi-paragraphed blockquote by putting the bracket and space at the beginning of multiple consecutive lines.

Looks like this.

Block of code: Add four spaces at the front of the line of text you want to format. Everything in that line of text will be formatted within a block of code. This lets you use multiple consecutive spaces, so it's the closest you'll get to adjusting alignment on PokeBase (and can let you create a table of sorts).

Looks like this. 

Pre-rendered text: Use the <pre> HTML tag. This completely removes all formatting from the text, including that which is applied by the website's own stylesheet.

Looks like this.

Unordered (bullet-point) list: Add an apostrophe * or a hyphen - before the text you want to format. This will indent it and place a bullet point in front of it. Ensure there is an empty line above the first item, or the list formatting will break. Adding a space in front of the apostrophe or hyphen can allow you to add multiple layers of indentation in an existing list. (You can also create lists if you know how to use the <ul> and <li> HTML tags.)

  • Looks
  • like
  • this.

Ordered (numbered) list: Add a number followed by a full stop and a space to start a numbered list with indentation. Ensure there is an empty line above the first item, or the list formatting will break. It does not matter what numbers you use in the list; they will always switch to 1, 2, 3, etc. and restart at 1 following a paragraph break. You can also use <ol> and <li> to create a numbered list.

  1. Looks
  2. like
  3. this.

Image: First, declare you're sourcing an image with an exclamation point !. Then, immediately after, contain a description of the image inside [ ] cornered braces in case it won't load. Then, immediately after this, paste the link to the image inside normal brackets ( ). Image webpages usually end in .png, .jpg or .gif. Alternatively, click the photo icon in the bar above the text box and follow its instructions. Do not erase the code it generates. An in-depth guide to a HTML method that lets you manipulate size is linked here.

Divider: Make sure there is an empty line of text, then after it on another line, place at least three asterisks ***, hyphens ---, dashes ––– or underscores ___.

Escaping characters: You can disable Markdown formatting for a set of characters by placing a backslash \ before it. This is helpful if you don't want your writing to be interpreted as formatting. For example, **this text should be bold**, but it isn't because I escaped the asterisks. Note that this is a Markdown command and it won't work for HTML features here.

by
edited by
Awesome! One thing I can add: you can also make heading text by putting one or more hyphens directly underneath your heading, like this:

Title
-
Ah right! Added to the answer :)
Can you add backslashes to the answer?
Yup, done -- sorry I forgot a few things here.
Thanks. (12 characters)