Basic Formatting Syntax
Styling text
*‘bold’ | bold |
_‘underlined’ | underlined |
-‘strikethrough’ | |
~‘italic’ | italic |
Remark:
This does not work:
Also note that separate starting and ending quotes allows the arbitrary nesting of formatting elements to be used.
This does not work:
~*‘bold italics’ (it will be just ~bold), write this: ~‘*‘bold italics’’ or this: *‘~‘bold italics’’.Also note that separate starting and ending quotes allows the arbitrary nesting of formatting elements to be used.
Links and tooltips
Link[http://address]
Link[http://address ‘tooltip text’]
Text[‘tooltip text’]
More (samples)
| pq markup | HTML | Renders as |
|---|---|---|
| [http://address] | <a href="http://address">http://address</a> | http://address |
| link[http://address] | <a href="http://address">link</a> | link |
| link[https://address] | <a href="https://address">link</a> | link |
| ‘multiword link’[http://address] | <a href="http://address">multiword link</a> | multiword link |
| link[https://address ‘tooltip text’] | <a href="https://address" title="tooltip text">link</a> | link |
| text[‘tooltip text’] | <abbr title="tooltip text">text</abbr> | text |
| link1[http://address1][-1] link2[http://address2][-2] ‘link to address1’[-1] ‘link to address2’[-2] | <a href="http://address1">link1</a><br /> <a href="http://address2">link2</a><br /> <a href="http://address1">link to address1</a><br /> <a href="http://address2">link to address2</a> | link1 link2 link to address1 link to address2 |
| Why [-1]?
Earlier I wanted to use
[-N]for referring previous links like this: Look here[http://address1] and here[http://address2]. Now this[-1] points to address2 and this[-2] points to address1. But it was a bad idea, because such link references are very easy to break via putting any unrelated link in the middle. So, to prevent using syntax [-N]for such very-easy-to-become-broken links I decided to use this syntax the way showed above for not-so-very-easy-to-become-broken links :). Also [N]occurs quite often in many different documents and web pages, so I decided not to use [N]at all. | ||
Headers, pictures, colors and tables
| H | Header |
| P | Picture [why not I(image)] |
| C | Color |
| T | Table |
Header — H‘Header name’
Image — P‘http://image-url’
Red text — C(red)‘text’
More (samples)
| pq markup | HTML | Renders as | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Headers | |||||||||||
| H‘Header’ | <h3>Header</h3> | Header | |||||||||
| H(0)‘Header’ | |||||||||||
| H(1)‘Header’ | <h2>Header</h2> | Header | |||||||||
| H(+1)‘Header’ | |||||||||||
| H(-1)‘Header’ | <h4>Header</h4> | Header | |||||||||
| Images/Pictures | |||||||||||
| P‘https://.../blue_circle.png’ | <img src="https://.../blue_circle.png" /> |  | |||||||||
| P‘https://.../blue_circle.png’[http://address] | <a href="http://address"><img src="https://.../blue_circle.png" /></a> | | |||||||||
| P‘https://.../blue_circle.png’[‘tooltip text’] | <img src="https://.../blue_circle.png" title="tooltip text" /> | | |||||||||
| P‘https://.../blue_circle.png’[http://address ‘tooltip text’] | <a href="http://address" title="tooltip text"><img src="https://.../blue_circle.png" /></a> | | |||||||||
| Color | |||||||||||
| Color can be specified in hexadecimal format #RRGGBB or #RRGGBBAA (Red, Green, Blue, Alpha) or in format G, RGB, or RGBA as one, three, or four digits 0 through 8. | |||||||||||
| C(#ff0000)‘red text’ | <span style="color: #ff0000">red text</span> | red text | |||||||||
| C(800)‘also red text’ | <span style="color: #FF0000">also red text</span> | also red text | |||||||||
| C(000)‘black text’ | <span style="color: #000000">black text</span> | black text | |||||||||
| C(4)‘gray text’ | <span style="color: #808080">gray text</span> | gray text | |||||||||
| C(0000)‘transparent text’ | <span style="color: #00000000">transparent text</span> | transparent text | |||||||||
| C(-880)‘text with yellow background’ | <span style="background-color: #FFFF00">text with yellow background</span> | text with yellow background | |||||||||
| C(888-000)‘white text on black background’ | <span style="color: #FFFFFF; background-color: #000000">white text on black background</span> | white text on black background | |||||||||
| Tables | |||||||||||
Т‘ Н‘‘A’ ‘B’ ‘C’’ ‘‘1’ ‘2’ ‘3’’ ’ | <table> <tr><th>A</th><th>B</th><th>C</th></tr> <tr><td>1</td><td>2</td><td>3</td></tr> </table> |
| |||||||||
| How to merge table cells | |||||||||||
To merge cells of the table you should replace each absent cell with a character -or character |, so moving left on characters -and moving up on characters |you can come to the corresponding meaningful cell. | |||||||||||
Т‘‘ ‘A’ ‘B’ ’‘ ‘C’ - ’’ | <table> <tr><td>A</td><td>B</td></tr> <tr><td colspan="2">C</td></tr> </table> |
| |||||||||
T‘‘ ‘ ’ ‘ ’ ‘1’ ’‘ ‘ ’ ‘ ’ | ’‘ ‘2’ - | ’’ | <table> <tr><td> </td> <td></td><td rowspan="3">1</td></tr> <tr><td> </td> <td></td></tr> <tr><td colspan="2">2</td></tr> </table> |
| |||||||||
T‘‘ ‘ ’ ‘ ’ ‘1’ ’‘ ‘ ’ ‘ ’ | ’‘ ‘2’ - - ’’ | <table> <tr><td> </td><td> </td><td rowspan="2">1</td></tr> <tr><td> </td><td> </td></tr> <tr><td colspan="3">2</td></tr> </table> |
| |||||||||
To merge cells 2x2 and more: put characters -to the right of the merged cell, and put characters |downwards, and the rest absent cells should be filled with character -(recommended) or character |. | |||||||||||
T‘‘ ‘1’ - - ‘2’ ’‘ | - - ‘3’ ’‘ | - - ‘4’ ’‘ ‘5’ ‘6’ ‘7’ ’’ | <table> <tr><td colspan="3" rowspan="3">1</td><td>2</td></tr> <tr><td>3</td></tr> <tr><td>4</td></tr> <tr><td>5</td><td>6</td><td>7</td></tr> </table> |
| |||||||||
Comments
[[[comment]]]
Advanced formatting
Show/hide
Spoilers
| pq markup | Renders as |
|---|---|
| ‘Spoiler title’{Spoiler contents} | Spoiler title
Spoiler contents
|
| ‘Spoiler title’{ Spoiler contents } | Spoiler title
Spoiler
contents |
| text {spoiler} continuation of the text | text {…spoiler} continuation of the text |
Lists
1. Ordered 2. list 3.‘multiline list element’
. Unordered . list .‘multiline list element’
Horizontal rules
Horizontal rule tag (<hr />) can be produced by placing three or more hyphens (and also line should not contain any other characters).
---
Renders as:
Raw HTML
'‘HTML-code... ...’'(If you want to insert unpaired single quotation mark characters ’ and ‘ into HTML-code then follow this rule: apostrophes ' before ‘such string’ absorb beginning ‘ characters, and after ‘such string’ absorb ending ’ characters, and if string contains some unpaired single quotation mark characters, then it is necessary to add corresponding amount of apostrophes ' at correct side, for example:
'''‘‘‘Don’t! Don’t!’', unpaired quotes ’‘ —
''‘‘’‘’’''(note).)
Samples
| pq markup | HTML | Renders as |
|---|---|---|
| < | < | < |
'‘<div><</div>’' | <div><</div> | < |
'‘Don‘t! Don‘t! Don‘t!’’’’'''' | Don‘t! Don‘t! Don‘t! | |
''‘‘’‘’’'' | ’‘ | |
''''‘‘‘‘Don’t! Don’t! Don’t!’' | Don’t! Don’t! Don’t! | |
Don'‘’t! Don'‘’t! Don'‘’t! | Don’t! Don’t! Don’t! | |
Disabling/turning off pq formatting
0‘text/code *‘without’ formatting (with regular font)’
(For text without pq formatting you can use '‘raw HTML’')
'‘text/code *‘without’ formatting (with regular font)’'
(Notation 0‘...’ differs from the '‘raw HTML’' only by that in 0‘...’ all characters
(Notation 0‘...’ differs from the '‘raw HTML’' only by that in 0‘...’ all characters
&are replaced with
&, all characters
<are replaced with
<, and before each new line character tag
<br />is inserted.)
Code (spans and blocks)
`code`
``code``
```code```
#‘code’
#(language)‘code’ (for example: #(JavaScript)‘code’)
(Code spans and code blocks are rendered with
monospaced font.)
Notes/remarks
!‘Note/remark’
Note/remark
Blockquotes
> Blockquote
BlockquoteIs space necessary after `>`? Why?
Yes, it is necessary.
Why — to avoid problems in the following cases [{…and also in
So, you should write:
Why — to avoid problems in the following cases [{…and also in
<tag>text[at the beginning of the line] character
<will not be recognized as the responding blockquote}]:
>‘Link text’[http://...] following text.can be treated as:
>‘Link text’ [http://...] following text.
So, you should write:
> ‘Link text’[http://...] following text.or:
>‘‘Link text’[http://...] following text.’
>‘Multiline
blockquote’
Multiline
blockquote
< Reciprocal/responding blockquote
Reciprocal/responding blockquote[Sometimes it is convenient to just copy text from another message to answer the question.]
Quotations with author name and/or url
| >[http://address]:‘Quoted text.’ | http://address: |
| >[http://another-address][-1]:‘Quoted text.’ >[-1]:‘Another quoted text.’ | [1]http://another-address: [1]http://another-address: |
| >‘Author's name’[http://address]:‘Quoted text.’ | Author's name: |
| >‘Author's name’[http://address][-1]:‘Quoted text.’ >‘Author's name’[-1]:‘Another quoted text.’ | Author's name: Author's name: |
| >‘Author's name’:‘Quoted text.’ | Author's name: |
| ‘Quoted text.’:‘Author's name’< | Quoted text. |
Text alignment
<<‘left alignment’
>>‘right alignment’
><‘center alignment’
<>‘justify alignment’
/\‘superscript’ text
\/‘subscript’ text
Alignment in table cells
Vertical:
/\— top
\/— bottom
Horizontal:
<< — left
>> — right
>< — center
<> — justify