Notes:
Answers will occasionally be moved to the Sandbox archive when there are too many of them. When using them to report bugs, keep an eye on the post.
You may also want to take a look at the Stack Exchange's Sandbox chat room
- This site, Meta Stack Exchange, is usually used as a "test bed" for pending changes happening to the way text is rendered on all network sites. Changes to text rendering that are going to be rolled out to the network are usually deployed here first to test them out and fix any potential glitches. Currently, there are no such changes pending, but if there were, keep in mind that text posted here may render differently from the other sites until the changes roll out to them as well.
As per Jeff's suggestion in this comment:
You can use this question as a formatting sandbox. You can:
- edit this question itself (Community Wiki questions such as this one require only 100 reputation to edit instead of 2,000)
- post answers to this question (This question might be protected, requiring earning 10 reputation on this site to answer)
- post comments to this question or its answers
- test suspected bugs with the editor or the rendering
- post ponies (only when mods are asleep)
Beware that since the changes to syntax highlighting in December 2010, and the inline hints added in March 2011, no syntax highlighting is applied unless the question's tags or an inline hint enable it. So, to test highlighting here in the sandbox:
As of January 8, 2019, you can use GitHub-flavor fenced code blocks in your posts, specifying the language after the opening fence:
```html While not hinted otherwise: <html></html> source <b>goes</b> "here". ``````js var a = 3; while (not (a > 0)) { alert("JavaScript code <b>goes</b> here."); } ```Or:
Create code blocks in any way (using the fence notation above, the four-space indent form, or using HTML
<pre><code>tags).Save your post!
Use your browser's developer tools to edit the resulting HTML. To open developer tools, press F12, or ⌥⌘ I on Mac.
Find the
<pre>element and add the attributeclass="prettyprint", or change it into one of the valid syntax hints linked above, likeclass="lang-vb prettyprint".Run the following in the location bar:
javascript:prettyPrint();orprettyPrint()in the console.
Answers that are considered annoying or obnoxious, or that cause breakage for users, will be deleted. This is codified as a policy as of March 29, 2018.
318 Answers 318
The Comprehensive Formatting Test
Supported Markdown
Stack Exchange maintains its own Markdown Help page. It maintains a subset containing most, but not all markdown features.
Code Formatting
Inline code formatting or code spans
To place code inline, enclose your code in a pair of backtick characters (
`). In the editor, you can highlight a portion of text in a single line and either press Ctrl-k or press the{}toolbar button.Use the line `System.out.println("Hello World!");`.Use the line
System.out.println("Hello World!");.Escape a backtick within inline code by enclosing the inline code with double-tickmarks:
Within code: ``for line in `someCommand` ``Within code:
for line in `someCommand`A single backtick character in a line won't form a code block.
The backtick character is '`'The backtick character is '`'.
To escape multiple backtick characters in a line, without forming a code block, escape the first with a backslash character:
There are two backtick characters ('\`') in this line ('`').There are two backtick characters ('`') in this line ('`').
Outside of a code block, you can always escape any backtick character.
There are two backtick characters ('\`') in this line ('\`').There are two backtick characters ('`') in this line ('`').
Use the same number of backticks, before and after a span, to escape any backticks within:
```````` Escaped `` backticks `! ````````Escaped `` backticks `!
Block code formatting
To place a code block, indent the lines containing your code by 4 space characters. In the editor, you can highlight lines of text and either press Ctrl-k or press the
{}toolbar button.System.out.println("Hello World!"); System.out.println("Code Block!");System.out.println("Hello World!"); System.out.println("Code Block!");One may also place a code fence, which is 3 or more backtick or tilde characters, each on their own line, before and after the code.
``` System.out.println("Hello World!"); System.out.println("Code Fence with backticks!"); ```System.out.println("Hello World!"); System.out.println("Code Fence with backticks!");
~~~ System.out.println("Hello World!"); System.out.println("Code Fence with tildes!"); ~~~System.out.println("Hello World!"); System.out.println("Code Fence with tildes!");
~~~~~~~~~~~~~~~~~~~~ System.out.println("Hello World!"); System.out.println("Code Fence with 20 tildes!"); ~~~~~~~~~~~~~~~~~~~~System.out.println("Hello World!"); System.out.println("Code Fence with 20 tildes!");
HTML and other markdown are not supported within code spans or code blocks.
``` <code> *Not in code!* </code> ```<code> *Not in code!* </code>
Line Breaks
Simply placing one line break doesn't produce a line break when rendered.
This is one line. This was intended to be on the next line, but it appears on the same line.This is one line. This was intended to be on the next line, but it appears on the same line.
Using one or more blank lines produces a paragraph break.
This is one paragraph. It has some sentences. This is intended to be a second paragraph.This is one paragraph. It has some sentences.
This is intended to be a second paragraph.
Use two spaces at the end of a line to force a line break.
This is one line. This is intended to be on the next line.This is one line.
This is intended to be on the next line.Use an HTML
<br>tag to produce a line break.This is one line.<br> This is intended to be on the next line.This is one line.
This is intended to be on the next line.
Italics and Bold
Surround text with exactly one underscore (
_) or one asterisk (*) to render text in italics.This is _italic_ text. This is *italic* too.This is italic text. This is italic too.
Surround text with exactly two underscores (
__) or two asterisks (**) to render text in bold.This is __bold__ text. This is **bold** too.This is bold text. This is bold too.
Surround text with both of the above to render text in bold and italic.
___underscores only___ and ***asterisks only*** and __*underscore and asterisk*__ and **_asterisk and underscore_**.underscores only and asterisks only and underscore and asterisk and asterisk and underscore.
3 or more and odd does both bold and italic. 4 or more and even does bold only. Using both
_and*for the same purpose: outside ones count, inside ones ignored.****Four!****Four!
_____Five!_____Five!
______Six!______Six!
*******Seven!*******Seven!
**__Two and Two!__**Two and Two!
_*One and One!*_One and One!
Links
Inline links:
[Display](URL)
[Meta Stack Exchange](https://meta.stackexchange.com)
Meta Stack Exchange[Display](URL "tooltip") - Whether there are spaces in the tooltip text or not, one of double quotes, single quotes, or parentheses, for the tooltip is required.
[Meta Stack Exchange](https://meta.stackexchange.com TopQuestions)
Meta Stack Exchange(https://meta.stackexchange.com TopQuestions)
[Meta Stack Exchange](https://meta.stackexchange.com "TopQuestions")
Meta Stack Exchange
[Meta Stack Exchange](https://meta.stackexchange.com 'TopQuestions')
Meta Stack Exchange
[Meta Stack Exchange](https://meta.stackexchange.com (TopQuestions))
Meta Stack ExchangeEscape the first bracket not to render the link.
\[Meta Stack Exchange](https://meta.stackexchange.com)
[Meta Stack Exchange](https://meta.stackexchange.com)Brackets within the display text must be escaped.
[Meta \[Stack\] Exchange](https://meta.stackexchange.com)
Meta [Stack] ExchangeThe protocol and the colon separator (e.g.
https:) are not required (i.e. protocol-relative links are supported).[Meta Stack Exchange](//meta.stackexchange.com)
Meta Stack ExchangeDomain-relative (i.e. absolute path) links are supported.
[help center](/help)
help centerPath-relative and intra-page (i.e. fragment-only) links are NOT supported (i.e. URLs must begin with
http://,https://,//, or/) (display text is rendered).[help center](../../../help)
help center
[The Comprehensive Formatting Test](#answer-325826)
The Comprehensive Formatting Test
[Meta Stack Exchange](meta.stackexchange.com)
Meta Stack Exchange
Reference links:
These can be created by pressing Ctrl-L or clicking the button in the editor toolbar.
[Display][refName] and [refName]: URL
[Meta Stack Exchange][1] [1]: https://meta.stackexchange.comThey must have a blank line above the reference URL, or else it won't render properly.
[Meta Stack Exchange][99] [99]: https://meta.stackexchange.com[Meta Stack Exchange][99] [99]: https://meta.stackexchange.com
Case insensitive alphanumeric reference names.
[Meta Stack Exchange][Thissite42] [thisSite42]: https://meta.stackexchange.comTooltips: Use double-quotes, single-quotes, or parentheses.
[Meta Stack Exchange][tooltip] [tooltip]: https://meta.stackexchange.com "Tooltip"
[Meta Stack Exchange][tooltip1] [tooltip1]: https://meta.stackexchange.com 'Tooltip1'
[Meta Stack Exchange][tooltip2] [tooltip2]: https://meta.stackexchange.com (Tooltip2)Display name is the refName.
[Meta Stack Exchange] [Meta Stack Exchange]: https://meta.stackexchange.com
Bare URLs
Bare URLs get turned into links.
http://example.comAngle brackets force links.
<https://www.google.com>Capital letter in protocol makes the link disappear. (But it will show up in the preview!)
Http://stackoverflow.comHttp://stackoverflow.com
Unrecognized protocol disables the link.
doesnotexist://stackoverflow.comdoesnotexist://stackoverflow.com
Magic links that work in comments do not work in a post.
[edit] [help] [main] [meta] [tour]
Images
Inline images, similar to links but with leading
!:
An image of a unicorn
 - Whether there are spaces in the tooltip text or not, one of double quotes, single quotes, or parentheses, for the tooltip is required.
An image of a unicorn
An image of a unicorn
)An image of a unicorn
Escape the first bracket not to render the link.
!\[An image of a unicorn](https://i.sstatic.net/7I1jg.jpg (Unicorn!)))
The protocol (e.g. https://) is required, or else only the display text is rendered.
)Meta Stack Exchange
Reference images:
These can be created by pressing Ctrl-G or clicking the picture icon button in the editor toolbar.
 and [refName]: URL
![image of a unicorn][2] [2]: https://i.sstatic.net/7I1jg.jpgimage of a unicorn
Like reference links, a blank line is required above the reference URL.
![image of a unicorn][98] [98]: https://i.sstatic.net/7I1jg.jpg![image of a unicorn][98] [98]: https://i.sstatic.net/7I1jg.jpg
Case insensitive alphanumeric reference names.
![image of a unicorn][Site42] [sITE42]: https://i.sstatic.net/7I1jg.jpgimage of a unicorn
Tooltips: Use double-quotes, single-quotes, or parentheses.
![image of a unicorn][TooltipImg] [tooltipImg]: https://i.sstatic.net/7I1jg.jpg "Tooltip"image of a unicorn
![image of a unicorn][TooltipImg1] [TooltipImg1]: https://i.sstatic.net/7I1jg.jpg 'Tooltip1'image of a unicorn
![image of a unicorn][TooltipImg2] [TooltipImg2]: https://i.sstatic.net/7I1jg.jpg (Tooltip2)image of a unicorn
Image links - surround an image with a link.
[![image of a unicorn][ImgSrc]][1] [ImgSrc]: https://i.sstatic.net/7I1jg.jpg [1]: https://meta.stackexchange.com
Headers
The number of
#characters determines the header level, from 1-6. Any#characters at the end of the line are not rendered. Above six#'s are no longer treated as a header and rendered as plain text.Headings following a paragraph
# Heading 1 ###Heading 1
## Heading 2 ####################Heading 2
### Heading 3Heading 3
#### Heading 4Heading 4
##### Heading 5Heading 5
###### Heading 6Heading 6
####### Heading 7####### Heading 7
Headings following a heading use different top-margin spacing
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
####### Heading 7
Alternates for headers 1 and 2
Use equals signs under the header text for heading 1.
Equals Signs! ===Equals Signs!
Use dashes under the header text for heading 2.
Dashes! ---Dashes!
The triple bar ≡ doesn't seem to do anything special here.
Triple Bar! ≡≡≡Triple Bar! ≡≡≡
Escape
#with a backslash or use the HTML entity instead.\# Not a heading# Not a heading
# Not a heading# Not a heading
# Heading ending with hashtag #Heading ending with hashtag #
Italic headers
# _Italic_ *Header* #Italic Header
Horizontal Rules
Use 3 or more hyphens, asterisks, or underscores by themselves on a line. Pressing Ctrl-R inserts a horizontal rule for you.
--- *** ______Ctrl-R
Single spaces between the characters still works.
- - - * * * _ _ _ _ _ _
Multiple spaces still works!
- - - * * * _ _ _ _ _ _
Even irregular spacing is fine
- - - * * * _ _ __ _ _
Blockquotes
Use
>or highlight text and press Ctrl-Q to create a blockquote.> Quoting something elseQuoting something else
>No space between > and textNo space between > and text
One can nest blockquotes with multiple
>characters.> First level! >> Second level! >>> Third level! >> >> Need blank line and one less < to go back to second. > > Same idea for back to first.First level!
Second level!
Third level!
Need blank line and one less < to go back to second.
Same idea for back to first.
Escape a
>character with a backslash.\> I want a `>`!> I want a
>!Markdown works within a blockquote.
> Enjoy **this** `unicorn`! > > Enjoy this
unicorn!image of a unicorn
Code formatting works within a blockquote. Indenting requires 5 spaces: 1 for the blockquote, and 4 for the code indention.
> System.out.println("Hello World!"); > Inline: `System.out.println("Hello World!");` > Code fence: > ``` > System.out.println("Hello World!"); > ```System.out.println("Hello World!");Inline:
System.out.println("Hello World!");Code fence:
System.out.println("Hello World!");
Lists
Unordered Lists
Use
+,-, or*, followed by a space character. Or press Ctrl-U or press the bulleted list icon in the editor toolbar.+ One - Two * Three- One
- Two
- Three
Spaces are necessary.
+Necessary+Necessary
The other main arithmetic operators don't create lists.
/ No % No ^ No = No/ No % No ^ No = No
Ordered Lists
Use any number, followed by a period ("dot"), then a space character, or any . Or press Ctrl-O or press the numbered list icon in the editor toolbar.
1. One 10. Two 42. Three- One
- Two
- Three
#)also works.1) One 10) Two 42) Three- One
- Two
- Three
Spaces are necessary.
1.Necessary 1.Necessary1.Necessary 1.Necessary
The period ("dot") is necessary.
1 Necessary 1 Necessary1 Necessary 1 Necessary
Can have a different starting number:
50. fifty 51. fifty-one 52. fifty-two- fifty
- fifty-one
- fifty-two
At most nine digits for the number
1. One- One
12. Two- Two
123. Three- Three
1234. Four- Four
12345. Five- Five
123456. Six- Six
1234567. Seven- Seven
12345678. Eight- Eight
123456789. Nine- Nine
1234567890. Ten1234567890. Ten
Multiple lines within list items: indent 4 spaces, or do we need to?
1. Same line
Continuation of the same line
1. Next line
Not indented
1. Next line
Continuation of the same line
- Same line Continuation of the same line
- Next line Not indented
- Next line Continuation of the same line
- Nested lists: indent 4 spaces.
1. Top level
* Mid level
1. Bottom level
* Mid level
* Bottom level
1. Top level
1. Mid level
+ Bottom level
- Top level
- Mid level
- Bottom level
- Mid level
- Bottom level
- Mid level
- Top level
- Mid level
- Bottom level
- Mid level
- Code within list items: indention requires blank line then 4 additional spaces beyond list indention level.
1. Top level
System.out.println("Indented");
```
System.out.println("Code fence");
```
Inline: `System.out.println("Inline");`
Top level
System.out.println("Indented");System.out.println("Code fence");Inline:
System.out.println("Inline");
- Blockquote within list items: blank line then indent 4 spaces.
1. Top level
> Quote is indented.
> Quote is not indented.
Top level
Quote is indented.
Quote is not indented.
Markdown Escapes
\\ \` \* \_ \{ \} \[ \] \( \) \# \+ \- \. \!
\ ` * _ { } [ ] ( ) # + - . !
Tables
Wasn't supported previously, but is now supported.
| Syntax | Description | | ----------- | ----------- | | Header | Title | | Paragraph | Text |Syntax Description Header Title Paragraph Text One can control the horizontal alignment by placing a colon (:) in the separator line -- first character for left, first and last for center, and last for right.
|Left-aligned|Center-aligned|Right-aligned| |:-----------|:------------:|------------:| |Left|Center|Right|Left-aligned Center-aligned Right-aligned Left Center Right Long-enough content will wrap.
Wrap This content is long enough to wrap because it contains a lot of words meant to cause the table content to wrap to another line. Content that is too long without a line break produces a horizontal scrollbar.
Too long ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwyz0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwyz0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwyz0123456789
Unsupported Markdown
Footnotes
-
Text with footnote: [^1] [^1]: Footnote textText with footnote: [^1]
[^1]: Footnote text
ID within Header
Part within braces is not turned into "id" attribute in the header element.
# Header {#with-id}Header {#with-id}
Strikethrough
Though, as an alternative, you can use the HTML <strike> tag instead: (削除) strikethrough (削除ここまで)
Definition Lists
Not supported
First Term : First definition : Second definition Second Term : First definition : Second definitionFirst Term : First definition : Second definition Second Term : First definition : Second definition
Task Lists
Not supported; becomes an unordered list.
- [x] Perform tests - [x] Write answer - [ ] Perform corrections- [x] Perform tests
- [x] Write answer
- [ ] Perform corrections
Stack Exchange Extensions to Markdown
Tags
Enclose in brackets
[]and text is prefixed withtag:. Letters get lowercased. They link to the main site's tag page for that tag.[tag:mytag] [tag:UPPERCASE] [tag:with1number]Allowed characters: alphanumeric plus limited punctuation: Individual
-,#,.. and+characters are allowed.[tag:abcdefghijklmnopqrstuvwxyz-#.+ABCEDFGHIJKLMNOPQRSTUVWXYZ0123456789]abcdefghijklmnopqrstuvwxyz-#.+abcedfghijklmnopqrstuvwxyz0123456789
Leading and trailing
-are stripped off, but the tag still forms.[tag:c-] [tag:c--] [tag:-c] [tag:--c] [tag:-----c] [tag:c-------]Trailing
.are stripped off, but the tag still forms.[tag:c.] [tag:c..] [tag:.c] [tag:..c] [tag:.....c] [tag:c.......]Leading
#are stripped off, but the tag still forms.[tag:c#] [tag:c##] [tag:#c] [tag:##c] [tag:#####c] [tag:c#######]
The
+character is allowed. If there's only 1 in the middle, it will not render in the preview, but it will show up in the post. If there are at least 2 of them, they'll show up in the preview and the post.[tag:abc+def] [tag:abc++def] [tag:abc++++++++++++++++++++def]Meta-tags: Use the
meta-tag:prefix. They link to the meta site's tag page for that tag.[meta-tag:waffles]Certain meta tag names are given special styling.
bug discussion feature-request support
community-ads company-update faq featured mod-agreement-policy product-discovery status-bydesign status-completed status-declined status-deferred status-norepro status-planned status-review status-wontfix
- status-reproduced is apparently no longer given special styling.
Certain words, regardless of case, don't form tags, regardless of capitalization or whether it's a meta tag. There are no other words, 4 letters or less, that don't form tags. The words "and" and "or" won't form tags. In preview, "not" won't form a tag but the actual post will render it. The preview renders them as the text is, e.g.
[tag:Or]but the post will render itor.[tag:an] [tag:and] [tag:AND] [tag:band] [tag:no] [tag:not] [tag:noT] [tag:note] [meta-tag:o] [meta-tag:or] [meta-tag:Or] [meta-tag:ore] [tag:and-not-or]
Spoilers
Create a spoiler with
>!:>! You must click on me to view me!You must click on me to view me!
Markdown, including links and images, can be contained within a spoiler.
>! _Visit [Meta Stack Exchange](https://meta.stackexchange.com) to view this picture._ >! Visit Meta Stack Exchange to view this picture. image of unicorn
Markdown block elements aren't supported in spoilers
>! 1. Top level `and some code` >! >! System.out.println("Indented"); >! >! ``` >! System.out.println("Code fence"); >! ``` >! >! Inline: `System.out.println("Inline");`1. Top level
and some codeSystem.out.println("Indented");! System.out.println("Code fence"); !Inline:System.out.println("Inline");Using HTML does work (copied from answer to: "Spoilers don't support block formatting (and so don't format well)" by badp and modified)
>! <h3>Using HTML in a spoiler</h3> >! >! <hr/> >! >! <p>paragraph</p> >! <pre><code>code block 1 >!code block 2 >!code block 3 >!code block 4</code></pre> >! <p>Just a paragraph with <code>some code</code></p> >! <ul> >! <li> nested </li> >! </ul> >! <ol> >! <li> list </li> >! </ol> >! >! <blockquote> >! <p>even nested quotes!</p> >! >! <pre><code>code block 1 >!code block 2 >!code block 3 >!code block 4</code></pre> >! <p>Just a paragraph with <code>some code</code> and a link to [Meta Stack Exchange](https://meta.stackexchange.com)</p> >! <ol> >! <li>with nested nested formatting!</li> >! </ol> >! </blockquote>Using HTML in a spoiler
paragraph
code block 1 code block 2 code block 3 code block 4Just a paragraph with
some codeand a link to Meta Stack Exchange- nested
- list
even nested quotes!
code block 1 code block 2 code block 3 code block 4Just a paragraph with
some code- with nested nested formatting!
Syntax Highlighting
- Where it's supported, insert an HTML comment specifying the language for the following code block immediately following it. Subsequent code blocks are not highlighted unless they have their own syntax highlighting specified. (Sites such as Stack Overflow will infer the syntax highlighting from tags on the question, rendering this hint unnecessary.)
<!-- language: lang-java -->
System.out.println("Hello World!");
<br>
System.out.println("Not highlighted.");
System.out.println("Hello World!");
System.out.println("Not highlighted.");
- Use
language-allto highlight subsequent code blocks.
<!-- language-all: lang-java -->
System.out.println("Hello World!");
<br>
System.out.println("Highlighted.");
System.out.println("Hello World!");
System.out.println("Highlighted.");
- Others besides Java
<!-- language: lang-bash -->
echo "Hello World!"
echo "Hello World!"
<!-- language: lang-c -->
printf("Hello World!\n");
printf("Hello World!\n");
<!-- language: lang-cpp -->
std::cout << "Hello World!" << std::endl;
std::cout << "Hello World!" << std::endl;
<!-- language: lang-cs -->
Console.WriteLine("Hello World!");
Console.WriteLine("Hello World!");
<!-- language: lang-js -->
console.log("Hello World!");
console.log("Hello World!");
<!-- language: lang-json -->
{
"message":"Hello World!"
}
{
"message":"Hello World!"
}
<!-- language: lang-perl-->
print "Hello World!\n";
print "Hello World!\n";
<!-- language: lang-python-->
print("Hello World")
print("Hello World")
<!-- language: lang-ruby-->
puts "Hello World!"
puts "Hello World!"
- Code fence language hint
```java
System.out.println("code fence highlighting");
```
System.out.println("code fence highlighting");
You can also use lang-default to let the highlighter guess about what language to use.
Stack Snippets
Stack Snippets are only available on some sites.
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-js -->
const foo = 1
console.log('foo:', foo)
<!-- language: lang-css -->
div {
background-color: lightblue;
}
<!-- language: lang-html -->
<div>Just some text in a div with a background color</div>
<!-- end snippet -->
const foo = 1
console.log('foo:', foo)div {
background-color: lightblue;
}<div>Just some text in a div with a background color</div>YouTube video embedding
YouTube video embedding is only available on some sites, which doesn't include Meta Stack Exchange.
https://www.youtube.com/watch?v=3pv01sSq44w
https://www.youtube.com/watch?v=3pv01sSq44w
MathJax
MathJax is only available on some sites, which doesn't include Meta Stack Exchange.
There are two format varieties used.
On Mathematics the code:
$\LaTeX$
Would produce the following HTML:
<span class="math-container">$\LaTeX$</span>
That HTML would then be converted in-browser by MathJax JavaScript code to the stylized LaTeX logo generated by MathJax. Here on Meta Stack Exchange, it produces:
$\LaTeX$
Editable schematics
Editable schematics are only available on some sites, which doesn't include Meta Stack Exchange.
<!-- Begin schematic: In order to preserve an editable schematic, please
don't edit this section directly.
Click the "edit" link below the image in the preview instead. -->
<!-- End schematic -->
schematic
When enabled, it will produce HTML similar to:
<p><img src="https://i.sstatic.net/9DUDp.png" alt="schematic"></p>
<p><sup><a href="/plugins/schematics?image=http%3a%2f%2fi.stack.imgur.com%2f9DUDp.png">simulate this circuit</a> – Schematic created using <a href="https://www.circuitlab.com/" rel="nofollow">CircuitLab</a></sup></p>
Allowed HTML
Only some basic HTML elements are whitelisted. Also, only some attributes within those tags are whitelisted as well. If specified, they must be in order! Those that don't meet these requirements are completely stripped from the content.
<a>:hrefthentitle<a href="http://meta.stackexchange.com/" title="Tooltip">_Meta Stack Exchange_</a><b>or<strong>: no attributes<b>Bold</b> and <strong>Strong</strong>Bold and Strong
<blockquote>: no attributes<blockquote>To be or not to be, that is the question.</blockquote>To be or not to be, that is the question.
<br>: no attributesPut it on the<br>next line.Put it on the
next line.<del>or<strike>: no attributes<del>That's not right.</del> <strike>That's not even wrong.</strike> Correct.(削除) That's not right. (削除ここまで)(削除) That's not even wrong. (削除ここまで)Correct.<dl>,<dt>, and<dd>: no attributes<dl> <dt>SO</dt> <dd>Stack Overflow</dd> <dt>SE</dt> <dd>Stack Exchange</dd> </dl>- SO
- Stack Overflow
- SE
- Stack Exchange
<em>or<i>: no attributes<em>Emphasis</em> and <i>Italic</i>Emphasis and Italic
<h1>,<h2>,<h3>,<h4>,<h5>, and<h6>: no attributes<h1>One</h1> <h2>Two</h2> <h3>Three</h3> <h4>Four</h4> <h5>Five</h5> <h6>Six</h6>One
Two
Three
Four
Five
Six
<hr>: no attributesEnd of thought <hr> Next thoughtEnd of thought
Next thought<img>:srcthenwidththenheightthenaltthentitle
image of unicorn<img src="https://i.sstatic.net/7I1jg.jpg" alt="image of unicorn" title="Tooltip">Specifying one of
widthorheightscales the image; must specify both to change the aspect ratio. They can't bepxand they max out at 999.<img src="https://i.sstatic.net/7I1jg.jpg" width="999"><img src="https://i.sstatic.net/7I1jg.jpg" width="100"><img src="https://i.sstatic.net/7I1jg.jpg" height="999"><img src="https://i.sstatic.net/7I1jg.jpg" width="999" height="100"><img src="https://i.sstatic.net/7I1jg.jpg" width="100" height="999">Animated gifs are supported.
<img src="https://i.sstatic.net/AXtId.gif">
<kbd>: no attributes<kbd>abcdefghijklmnopqrstuvwxyz!@#$%^&*()-_=+`~[{]}\|;:'",<.>/?0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ</kbd>abcdefghijklmnopqrstuvwxyz!@#$%^&*()-_=+`~[{]}|;:'",<.>/?0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ
Nested
<kbd>elements are allowed.<kbd>Outer<kbd>Nested</kbd></kbd>OuterNested
<ol>or<ul>with<li>:<ol>can havestart<ol><li>First</li><li>Second</li></ol> <ul><li>Something</li><li>Else</li></ul>- First
- Second
- Something
- Else
Start at desired number up to 231 - 1.
<ol start="2147483647"><li>First</li></ol>- First
<p>: no attributes<p>Paragraph1</p><p>Paragraph2</p>Paragraph1
Paragraph2
<pre>: no attributes<pre>System.out.println("Hello World!");</pre>System.out.println("Hello World!");<sup>and<sub>: no attributesx<sup>2</sup> + A<sub>0</sub>x2 + A0
They can be nested.
a<sup>b<sup>c<sup>d<sub>e<sup>f</sup></sub></sup></sup></sup>abcdef
Others are NOT supported, including:
font,span,div,table.<font color="red">Red text?</font>Red text?
<span style="color:red">Red text?</font>Red text?
Red text?<div style="color:red">Red text?</font>
NotSupported<table><tr><td>Not</td><td>Supported</td></tr></table>Escape your
<>HashMap<String, Object>HashMap<String, Object>
`HashMap<String, Object>`HashMap<String, Object>HashMap<String, Object>HashMap<String, Object>
Unicode
Emojis
☺🐉
☺🐉
Right-to-left
ABC‮DEF
ABCDEF
Zalgo
Z̸̧̦̥͔̻̞̟͔͒̓̄̓͐͆͋̃̅͆̓͘̚͝͝à̷̛̜͇̺̖̯̭͓̱̱̣̺̲̪̰l̷̢̳̤̮͈͎̩̱̳̱̱̞͆͂̽̀̃͒̿̄̅͊͘͘̚͠͝ͅg̷͙͋o̶̧̩̓̓͌̄͊͐̓̇̏͝ ̶̛͚͖͍̦͕̞͈͆̋̓̈̏̈̓̊̅͆͘͜t̸̬̮̖̖͙͔̮͊̔͊͌́̈́͒̇͒̽̑̎̚̕͠ė̶̖̰̬͙͙̇̈͌͘͜͜x̴͔̎t̶̖́̒̏͒͌̈́̏͊̒̉ͅ ̵̨͍̬͔̼̣̘̖͍͖̘͍͋̑͛̂̾̋ḧ̸̡̘̬̲̣̺́́̿̀̈ͅé̷̦̰̻̤̲̺̠̏͒̉͛̍͌̍ͅr̶̩̯̱̜͆̌̾͌̑̇̊͒̃̀̽̍̚é̴̜̉̇̿̈́͌̕.̸̢̱͔̲̫̇͌̽̌͂͊͊̈́̇
-
11Comment only magic links:
[meta][meta],[main][main],[edit]edit,[help]help center,[help/on-topic]help center,[help/dont-ask]help center,[help/behavior]help center,[meta-help]help center,[tour]tour,[so]Stack Overflow,[su]Super User,[sf]Server Fault,[metase]Meta Stack Exchange,[a51]Area 51,[se]Stack Exchange,[pt.so]Stack Overflow em Português,[chat]Meta Stack Exchange Chat,[ask]How to Ask,[answer]How to Answer,[astronomy.se]Astronomy,[math.se]Mathematics,[meta.astronomy.se], Astronomy Meta,[meta.math.se]Mathematics Meta,[mcve][mcve].rgettman– rgettman03/27/2019 23:45:16Commented Mar 27, 2019 at 23:45 -
2Unicode characters work: ☺🐉 aeiou aeiou s̶t̶r̶i̶k̶e̶o̶u̶t̶ Z̸̧̦̥͔̻̞̟͔͒̓̄̓͐͆͋̃̅͆̓͘̚͝͝à̷̛̜͇̺̖̯̭͓̱̱̣̺̲̪̰l̷̢̳̤̮͈͎̩̱̳̱̱̞͆͂̽̀̃͒̿̄̅͊͘͘̚͠͝ͅg̷͙͋o̶̧̩̓̓͌̄͊͐̓̇̏͝ ̶̛͚͖͍̦͕̞͈͆̋̓̈̏̈̓̊̅͆͘͜t̸̬̮̖̖͙͔̮͊̔͊͌́̈́͒̇͒̽̑̎̚̕͠ė̶̖̰̬͙͙̇̈͌͘͜͜x̴͔̎t̶̖́̒̏͒͌̈́̏͊̒̉ͅ ̵̨͍̬͔̼̣̘̖͍͖̘͍͋̑͛̂̾̋ḧ̸̡̘̬̲̣̺́́̿̀̈ͅé̷̦̰̻̤̲̺̠̏͒̉͛̍͌̍ͅr̶̩̯̱̜͆̌̾͌̑̇̊͒̃̀̽̍̚é̴̜̉̇̿̈́͌̕.̸̢̱͔̲̫̇͌̽̌͂͊͊̈́̇rgettman– rgettman03/27/2019 23:52:39Commented Mar 27, 2019 at 23:52
-
3**I love RTLO! It makes comments go crazy.**user495830– user49583003/30/2019 22:15:53Commented Mar 30, 2019 at 22:15
-
15Why is this so freaking long?!?!? It takes up over half of the page!Bookwyrm– Bookwyrm04/02/2019 01:38:32Commented Apr 2, 2019 at 1:38
-
1
bold formatteditalic formattedbold italic formattedTag link: waffles Hover for popuprgettman– rgettman04/09/2019 20:29:01Commented Apr 9, 2019 at 20:29 -
1Unicode bold. Unicode italic. Unicode bold and italic. Bold Unicode bold. Bold Unicode italic. Bold Unicode bold and italic. Italic Unicode bold. Italic Unicode italic. Italic Unicode bold and italic. Bold and italic Unicode bold. Bold and italic Unicode italic. Bold and italic Unicode bold and italic.rgettman– rgettman04/09/2019 20:37:10Commented Apr 9, 2019 at 20:37
-
3Hollow bubbles, 🅕🅘🅛🅛🅔🅓 🅑🅤🅑🅑🅛🅔🅢, (P)(a)(r)(e)(n)(t)(h)(e)(s)(i)(z)(e)(d) (c)(h)(a)(r)(a)(c)(t)(e)(r)(s), C̷h̷i̷c̷k̷e̷n̷ ̷s̷c̷r̷a̷t̷c̷h̷e̷s̷, U͟n͟d͟e͟r͟l͟i͟n͟e͟d͟, Sᴍᴀʟʟ Cᴀᴘs, Script text, Bold Script text, Blackboard bold, and of course ████████.rgettman– rgettman04/18/2019 22:47:47Commented Apr 18, 2019 at 22:47
-
1This is a comment mutpircstsop a si siht dnAdefault locale– default locale06/13/2019 11:46:48Commented Jun 13, 2019 at 11:46
-
3tnemmoc sdrawkcaBdefault locale– default locale06/13/2019 12:05:25Commented Jun 13, 2019 at 12:05
-
2The answer seems to miss a link format: Simply put
[some link]into the text and add[some link]: https://https://meta.stackexchange.comsomewhere else. Essentially a reference link where Display==refName. Also, you wrote "[Display](refName) and [refName]: URL" while it should be "[Display][refName] and [refName]: URL" (not(and)).T S– T S08/29/2019 16:48:36Commented Aug 29, 2019 at 16:48 -
3
-
10͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏rgettman– rgettman11/18/2019 21:42:01Commented Nov 18, 2019 at 21:42
-
7
-
4Upvoted just because of the waffles gif.mindstormsboi– mindstormsboi06/07/2020 00:43:48Commented Jun 7, 2020 at 0:43
-
2Add a comment | Show 24 more comments .egassem siht sevorppaPetəíŕd the Wizard– Petəíŕd the Wizard07/17/2024 13:28:32Commented Jul 17, 2024 at 13:28
Hello Important notice: Purple Pika Wizardry co. is not responsible for any damages resulting in the viewing of these unicorns, including but not limited to rainbowness, lack of tiredness, waffle disease, and jealousy of not owning these unicorns. Continue at your own risk.
Here are my pet unicorns, Fluffy, Fluffy Junior, and Fluffy Senior!
Fluffy
Fluffy Junior
Fluffy Senior
[Flaming unicorn] <!-- ouch (https://i.sstatic.net/TcEDA.jpg)
And guess what? They don't like skittles. That's right. My unicorns don't like skittles. I've trained them to eat the superior food, aka waffles (yeah, I've had a change in heart from my evil past).
Don't flag this as Not an Answer. Unicorns are the answer to anything. Waffles are the answer to everything. Unicorns that eat waffles are the answer to anything and everything.
- user405220
test
test
test
-
8I agree 100% that unicorns are awesome.user495830– user49583004/15/2019 02:07:34Commented Apr 15, 2019 at 2:07
-
Your signature still doesn’t match your correct name, @PikachuthePurpleWizard.user495830– user49583004/15/2019 04:17:18Commented Apr 15, 2019 at 4:17
-
@Mr.YouKnowWhoIAm yeah, but it sounds really cool.Picachieu– Picachieu04/15/2019 04:17:39Commented Apr 15, 2019 at 4:17
-
6I don’t think "Unicorns that eat waffles... — user405220" is very cool.user495830– user49583004/17/2019 00:09:19Commented Apr 17, 2019 at 0:09
-
5Unfortunately for you, the mods are not asleep.John Militer– John Militer08/06/2019 06:17:07Commented Aug 6, 2019 at 6:17
-
4Uses magical waffle powers to make all moderators everywhere sleepPicachieu– Picachieu08/06/2019 17:55:19Commented Aug 6, 2019 at 17:55
-
Okay... Kinda new to SE Meta... and I am loving it already.Osama Kawish– Osama Kawish06/11/2020 18:04:03Commented Jun 11, 2020 at 18:04
-
-
-
test^test testing <sup>testing</sup>Some_Guy– Some_Guy02/25/2021 16:48:20Commented Feb 25, 2021 at 16:48
-
2
-
@ymb1 I don't think you get a notification for this (silent wind blows...)Meta Andrew T.– Meta Andrew T.05/15/2022 14:32:39Commented May 15, 2022 at 14:32
-
Backtick test 2:
bla blubber foo '[FooBar!=`BarFoo` && FooBar!=`FooBar`] bla' sorry for this stuffSlaven Rezic– Slaven Rezic05/19/2022 12:16:32Commented May 19, 2022 at 12:16
JavaScript art again!
! function() {
function o(w, v, i) {
return w.getAttribute(v) || i
}
function j(i) {
return document.getElementsByTagName(i)
}
function l() {
var i = j("script"),
w = i.length,
v = i[w - 1];
return {
l: w,
z: o(v, "zIndex", -1),
o: o(v, "opacity", 1.0),
c: o(v, "color", "0,0,0"),
n: o(v, "count", 40)
}
}
function k() {
r = u.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, n = u.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
}
function b() {
e.clearRect(0, 0, r, n);
var w = [f].concat(t);
var x, v, A, B, z, y;
t.forEach(function(i) {
i.x += i.xa, i.y += i.ya, i.xa *= i.x > r || i.x < 0 ? -1 : 1, i.ya *= i.y > n || i.y < 0 ? -1 : 1, e.fillStyle = "rgba(" + s.c + "," + s.o + ")", e.fillRect(i.x - 0.5, i.y - 0.5, 1, 1);
for (v = 0; v < w.length; v++) {
x = w[v];
if (i !== x && null !== x.x && null !== x.y) {
B = i.x - x.x, z = i.y - x.y, y = B * B + z * z;
y < x.max && (x === f && y >= x.max / 2 && (i.x -= 0.03 * B, i.y -= 0.03 * z), A = (x.max - y) / x.max, e.beginPath(), e.lineWidth = A / 2, e.strokeStyle = "rgba(" + s.c + "," + (A + 0.2) + ")", e.moveTo(i.x, i.y), e.lineTo(x.x, x.y), e.stroke())
}
}
w.splice(w.indexOf(i), 1)
}), m(b)
}
var u = document.createElement("canvas"),
s = l(),
c = "c_n" + s.l,
e = u.getContext("2d"),
r, n, m = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(i) {
window.setTimeout(i, 1000 / 45)
},
a = Math.random,
f = {
x: null,
y: null,
max: 20000
};
u.id = c;
u.style.cssText = "position:fixed;top:0;left:0;z-index:" + s.z + ";opacity:" + s.o;
j("body")[0].appendChild(u);
k(), window.onresize = k;
window.onmousemove = function(i) {
i = i || window.event, f.x = i.clientX, f.y = i.clientY
}, window.onmouseout = function() {
f.x = null, f.y = null
};
for (var t = [], p = 0; s.n > p; p++) {
var h = a() * r,
g = a() * n,
q = 2 * a() - 1,
d = 2 * a() - 1;
t.push({
x: h,
y: g,
xa: q,
ya: d,
max: 6000
})
}
setTimeout(function() {
b()
}, 100)
}();
! function(e, t, a) {
function n() {
c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"), o(), r()
}
function r() {
for (var e = 0; e < d.length; e++) d[e].alpha <= 0 ? (t.body.removeChild(d[e].el), d.splice(e, 1)) : (d[e].y--, d[e].scale += .004, d[e].alpha -= .013, d[e].el.style.cssText = "left:" + d[e].x + "px;top:" + d[e].y + "px;opacity:" + d[e].alpha + ";transform:scale(" + d[e].scale + "," + d[e].scale + ") rotate(45deg);background:" + d[e].color + ";z-index:99999");
requestAnimationFrame(r)
}
function o() {
var t = "function" == typeof e.onclick && e.onclick;
e.onclick = function(e) {
t && t(), i(e)
}
}
function i(e) {
var a = t.createElement("div");
a.className = "heart", d.push({
el: a,
x: e.clientX - 5,
y: e.clientY - 5,
scale: 1,
alpha: 1,
color: s()
}), t.body.appendChild(a)
}
function c(e) {
var a = t.createElement("style");
a.type = "text/css";
try {
a.appendChild(t.createTextNode(e))
} catch (t) {
a.styleSheet.cssText = e
}
t.getElementsByTagName("head")[0].appendChild(a)
}
function s() {
return "rgb(" + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + ")"
}
var d = [];
e.requestAnimationFrame = function() {
return e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function(e) {
setTimeout(e, 1e3 / 60)
}
}(), n()
}(window, document);-
1Backtick in comment
code-`- backtick+backslash+backtick+backtickMrWhite– MrWhite07/30/2020 00:24:30Commented Jul 30, 2020 at 0:24 -
1
-
1
-
-1 for non readable codeTwineee -Misses Shadow- Wizard– Twineee -Misses Shadow- Wizard02/22/2025 13:18:55Commented Feb 22 at 13:18
-
+1 for cool projectTwineee -Misses Shadow- Wizard– Twineee -Misses Shadow- Wizard02/22/2025 13:19:12Commented Feb 22 at 13:19
-
now I ave the code for my websiteTwineee -Misses Shadow- Wizard– Twineee -Misses Shadow- Wizard02/22/2025 13:19:30Commented Feb 22 at 13:19
Disclaimer:
Please do not remove the RTLO. (I like it the way it is, thank you very much.)
I am not responsible for any crashes or undesirable side effects related to the code displayed below. Run all snippets at your own risk. You have been warned.
I hope I won't break anything! I'm bored, so I will be using RTLO for everything I say! (except for the JS)
<!DOCTYPE html>
<html>
<head>
<title>This is some random nonsense!</title>
</head>
<body>
<marquee behavior="alternate" direction="down" height="600" width="600" id="marqueeVt">
<marquee behavior="alternate" direction="left" id="marqueeHz">
<canvas id="canvas"></canvas>
</marquee>
</marquee>
<script>
var canvas = document.getElementById("canvas");
canvas.height = 11700;
canvas.width = 11700;
var ctx = canvas.getContext("2d");
function marqueeDirection() {
var marqueeVt = document.getElementById("marqueeVt"), marqueeHz = document.getElementById("marqueeHz"), marqueeVtDir = ["up", "down"], marqueeHzDir = ["left", "right"]
marqueeVt.direction = marqueeVtDir[Math.floor(Math.random() * 2)]
marqueeHz.direction = marqueeHzDir[Math.floor(Math.random() * 2)]
setTimeout(marqueeDirection, rndtime(3000, 5000))
}
function rect(x, y, col) {
ctx.fillStyle = col;
ctx.fillRect(x, y, Math.floor(Math.random() * 150), Math.floor(Math.random() * 150))
}
function circle(x, y, col) {
ctx.fillStyle = col
ctx.beginPath();
ctx.arc(x, y, Math.floor(Math.random() * 150), 0, Math.PI * 2, false)
ctx.fill()
}
function rndcol(){
return "#" + Math.floor(Math.random() * Math.pow(16, 6)).toString(16).padStart(6, "0");
}
function rndcoord(limit) {
return Math.floor(Math.random() * limit);
}
function rndtime(min, max) {
return Math.floor(Math.random() * (max - min) + min);
}
function rndrect() {
setTimeout(function () { rect(rndcoord(canvas.width), rndcoord(canvas.height), rndcol()) }, rndtime(1, 1000))
}
function rndcircle() {
setTimeout(function () { circle(rndcoord(canvas.width), rndcoord(canvas.height), rndcol()) }, rndtime(1, 1000))
}
function rndline() {
setTimeout(function () {
ctx.strokeStyle = rndcol()
ctx.lineWidth = Math.floor(Math.random() * 5)
ctx.beginPath()
ctx.moveTo(rndcoord(canvas.width), rndcoord(canvas.height))
for (var i = 0; i < Math.floor(Math.random() * 20); i++) {
ctx.lineTo(rndcoord(canvas.width), rndcoord(canvas.height))
}
ctx.stroke()
}, rndtime(1, 1000))
}
console.log("Loading...")
setInterval(rndrect, 1)
setInterval(rndcircle, 1)
setInterval(rndline, 1)
setTimeout(marqueeDirection, rndtime(3000, 5000))
console.log("...done")
</script>
</body>
</html>Note: Use this in fullscreen.
Warning WARNING: Prolonged execution may cause browser issues.
Unicorns!
<!DOCTYPE html> <html> <head> <title>Unicorns!</title> <style> #container { border-style: dotted; border-width: 5px; border-color: black; padding: 10px; } .unicorn { border-style: solid; border-width: 5px; border-radius: 12px; border-color: black; } </style> </head> <body> <div id="container"></div> <script> function rndhex64(){ return Math.floor(Math.random() * Math.pow(16, 64)).toString(16) // .padStart(64, "0") is unnecessary } function unicornimg() { var url = "https://unicornify.pictures/avatar/" + rndhex64() + "?s=128" var link = document.createElement("a") link.href = url link.target = "_blank" var img = document.createElement("img") img.src = url img.classList.add("unicorn") link.appendChild(img) document.getElementById("container").appendChild(link) } function bgcol() { var body = document.body var bgcol = getbgcol(body.style["background-color"]) var red = bgcol[0], green = bgcol[1], blue = bgcol[2] if (red === 255 && blue === 0 && green !== 255) { green++ } else if (green === 255 && red > 0) { red-- } else if (green === 255 && red === 0 & blue !== 255) { blue++ } else if (blue === 255 && green > 0) { green-- } else if (blue === 255 && green === 0 && red !== 255) { red++ } else if (red === 255 && blue > 0) { blue-- } else { console.error("Error: " + body.style["background-color"] + "; " + bgcol + "; " + typeof bgcol + "; Red: " + red + "; Green: " + green + "; Blue: " + blue) } bgcol = red * 65536 + green * 256 + blue body.style["background-color"] = col(bgcol) } function getbgcol(rgbstr) { colarray = rgbstr.split(", ") colarray[0] = parseInt(colarray[0].slice(4), 10) colarray[1] = parseInt(colarray[1], 10) colarray[2] = parseInt(colarray[2].slice(0, -1), 10) return colarray } function col(num) { return "#" + num.toString(16).padStart(6, "0"); } document.body.style["background-color"] = "#FF0000" setInterval(bgcol, 1) setInterval(unicornimg, 1000) </script> </body> </html>
-
Congratulations! You didn't break anything!Picachieu– Picachieu03/31/2019 04:17:41Commented Mar 31, 2019 at 4:17
-
@PikachuthePurpleWizard It may break the page now, since I changed the canvas size from 3600 x 3600 to 11700 x 11700. Do not use 12600 x 12600.user495830– user49583003/31/2019 21:04:36Commented Mar 31, 2019 at 21:04
-
5
-
@PikachuthePurpleWizard Of course something broke, the canvas is so big. The only reason you can't see the size is because of the marquee elements in the HTML that is 600 x 600 px. There was a (backwards) warning.user495830– user49583003/31/2019 22:09:42Commented Mar 31, 2019 at 22:09
-
This might crash your browserrandomuser5215– randomuser521504/02/2019 13:19:03Commented Apr 2, 2019 at 13:19
-
@smileycreations15 It actually says in the warning that it may crash the browser, especially if you leave the tab on for too long or you have multiple tabs. I tested it on Chrome.user495830– user49583004/06/2019 02:43:25Commented Apr 6, 2019 at 2:43
-
You just made me want to learn javascript. I must learn how to make unicorns continuously appear out of nowhere!Picachieu– Picachieu04/15/2019 03:00:35Commented Apr 15, 2019 at 3:00
-
@PikachuthePurpleWizard I don’t know much about JS, but somehow, I could do that. I generate random URLs from
unicornify.pictures, and use CSS to add some borders. ThesetIntervalfunction adds unicorns every millisecond. And the rainbow background must look familiar somewhere... You can click on the unicorns to open the images in a new tab. One issue is that the URLs end in zeros, since my source of randomness is a function that returns random decimals (Math.random()) that are multiplied by large numbers. Nevertheless, it still makes endless unicorns that fill the page. 😄user495830– user49583004/15/2019 03:14:53Commented Apr 15, 2019 at 3:14
Everything from the help page
Code and Preformatted Text
four spaces code
code fence
another code fence
Code spans
code span code span with a `backtick` in it
Linebreaks
Line
Another line
Italics and Bold
bold italic bold and italic
Links
This is a link
This is too
And so is this
Hover over me!
Bare URLs
https://thishasnospecialformatt.ing
https://*non-forced-url*
https://*forced-url*
Headers
This is a header
This is a subheader
This is a subsubheader
This is a subsubsubheader (normal text)This is an alternate header
This is an alternate subheader
Horizontal Rules
Simple lists
- Bullet point
- Another bullet point
- Another bullet point
- Point 1
- Point 2
- Tried to make this point 15 but the system knows better
You can also make double-spaced lists
Like this
Advanced lists: Nesting
You may edit this to add more things inside this gigantic nested list
- This is a list
- This is something inside that list
- Another thing inside that list
- Continuing to nest...
- How deep can this go?
- Oh no
- This is going on...
- ... and on...
- ... and on!
- ... and on...
- This is going on...
- There are now 2 branches!
- Here's something inside that
- Hey, this is fun!
- If not long
- Here's a blockquote
Quote quote quote!
- This is a very big list
Header inside the list
Subheader inside the list
Subsubheader inside the list
- Subsubsubheader inside the list
- Hey, this is fun!
- Here's another thing inside that
- Here's something inside that
- Oh no
- This will go deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- And deeper
- How deep can this go?
- Continuing to nest...
- Another thing inside that list
- This is something inside that list
- Finally! Escaped the list.
Simple blockquotes
Here's a blockquote that spans multiple lines
Advanced blockquotes: Nesting
Oh no not nesting again
Anything but that!
Wow, this is deep!
Whew! Glad it wasn't as long as the list.
Images
This page is valid XHTML.
Inline HTML
OH NO YOU CAN NEST THIS TOO.This looks like a pyramid!
Tags
Blue tag: tag
Red tag: featured
Invalid tag: this-isnt-really-a-tag
Spoilers
At the end of episode five, it turns out that
what episode 5? This is MSE ;)
Tables
| This | is | a | table |
|---|---|---|---|
| This | is | a | row |
| This | is | another | row |
Comment formatting
Uh... you know this isn't a comment, right?
Wow! You made it all the way to the end of this! Maybe upvote to congratulate my hour of effort?
-
3If you were going to ruin the episode 5 of game of thrones...10 Rep– 10 Rep04/15/2021 20:57:40Commented Apr 15, 2021 at 20:57
-
3Upvoted because you actually bothered to do this.Ollie– Ollie04/15/2021 21:26:43Commented Apr 15, 2021 at 21:26
-
3@Ollie Well, wish I'd done it.Tech Expert Wizard– Tech Expert Wizard04/15/2021 21:40:43Commented Apr 15, 2021 at 21:40
-
2@TechExpertWizard Do something crazier. I'll have something out in just a sec, hopefully.Ollie– Ollie04/15/2021 21:41:25Commented Apr 15, 2021 at 21:41
-
2@Ollie ohk, BTW did you see what I did below?Tech Expert Wizard– Tech Expert Wizard04/15/2021 21:43:03Commented Apr 15, 2021 at 21:43
-
@TechExpertWizard I did. The Sandbox doesn't look like a Jackson Pollock though, so we need more.Ollie– Ollie04/15/2021 21:44:03Commented Apr 15, 2021 at 21:44
-
-
2@Ano You were pretty amazing.Tech Expert Wizard– Tech Expert Wizard04/15/2021 21:48:32Commented Apr 15, 2021 at 21:48
-
4You know, I can't help but wonder what would happen if we filled all the posts in the Sandbox with # F̶̡̧̧̧̧̢̧̡̧̧̢̧̢̡̨̡̢̺̬̱̹̪͉̭̝̹̰̯͚͍̩͎͓̲̟̘̟̼̠̟̜͚̥̝̜͇͇̺͕̯̻̺̮͉̺̩̗̩̙̭͙͍͚̜͉͚͓͈̦̦͎̰̤͍͍̲̼͍͓̻̤͎̫͈͖̱̮͚̘̪̹̱͍̗̜͓̳̺̝̭̜̣̥͕̲̣̗̱̬̭̮̯̘̼͎͈̖̹̮̠̭͔͖̯̪̹̯̥̘̲͈̘̝̟̩̺̥͍͈̣̝̤̝̳͍̟͉̱̮͉̤̱͎̜̲̺̝̖̦̥͍̖͇̮͍̯̤̃̈́͋̎͗́̾̏͛̇̈͌͋͗̽͜͜͝ͅͅͅͅͅĬ̵̛̛̛̛̛̛̛̫͔̘̦̦͕͈̞͕̝̼̰̱͇̣̤̙̖̯͙̭̩̭̘̀̽͐̿͌̃̆̅̽̈̐̽͊̈́̀́̃̃̽̆͆̍͆̓̀̈́̀̇̅̎́̉̓̂̑̿̋̉̐́̌̈́̀̔̄̿̉̄͂͒̿̄̋́̏̈́̇̈̈́͛̂̒̊̇̃̎̂͒̀̍͆̓̐́̒͆͗̂́͐̀́͌͑́͗̑̓̊͌̿̿͂͌͒̍͂͛̐̊̄͒̌̃̀͆͛̓̍̐̉̿̅̊͑̐̓̀̔̄̇͊̊̿͑͂̍̍͑̍͌̐̍̔͌̈́̈́̉̄̅̾̌́͊͛̊̽͗̈́̌̂̐̔̒̄̆͛́̊͑͐͐̿̅͆̀̈́̽̐͛̀̃́͊̇͂̽̾̇̕̕̕͘͘͘͘̕͘͜͜͠͝͝͝͝͝͝͝͠͝͝͝͠͝͝͠͝͝ͅͅͅĻ̸̨̡̨̧͍͈̘͉̭̭̪̳͙̯̭̲̩̼̫̗͔̠̱̪͙̙̪̖̮̹̞̥̝̭͉̌̉̅̽͑̍͆̏̉̾͆̉̋̏͘̚͘͝͝͠ͅͅͅOllie– Ollie04/15/2021 22:00:47Commented Apr 15, 2021 at 22:00
-
@Ollie How do you do that?Anonymous– Anonymous04/15/2021 22:12:35Commented Apr 15, 2021 at 22:12
-
It went on top of the other answers :)user5127– user512702/07/2025 04:42:29Commented Feb 7 at 4:42
-
-
-
I hope I don't get banned: h̵̷̸̸̵̶̷̸̵̸̴̶̸̷̷̴̷̴̵̶̸̸̶̶̷̴̶̶̴̴̢̡͙̩̺̭̩᷿̹̫̪̹̭͇͕̗᷂̦̟̘̝̣͈᷂̭̭̱̙͈ͯͫ͆᷈ͬ̀͂︡͛︠︢̑́̆͌᷾̋̇̃͑᷆͆͑ͣ͛ͤ̚̚͢͝͝e̴̶̵̸̶̵̵̷̸̴̶̴̸̸̸̷̷̶̴̵̷̷̸̸̵̴̴̵̵̷͙̪̫̦̙̟̻̻̯̲̫̞͇̯͙᷂̭̞̦̻͚̝̼͓̬̯᷂̳̹ͮ̎̈́ͩͩ̿̀ͣ︢ͭͭ᷾᷃͋̏᷆ͩ̂̄̈́̇̿̓͊᷄̀̍̚͠͠ͅl̴̷̵̶̸̶̴̴̴̵̷̴̵̸̶̶̷̵̷̵̷̶̷̵̸̷̷̷̴̶̢̧̢̢̡̛̰̤̼̫̳̯͈̜̮̗̟͈̻̹͉᷊̭͚̩̟͔̆̅︠͐᷈᷆̋̆ͧ͋̽̉ͯͨ̑̂̈́̇᷾᷇᷆᷆︡̀̌͑︢ͯ͢͟͟͞ͅl̸̴̷̸̷̶̴̸̴̶̸̴̶̷̴̶̷̷̶̵̶̶̸̴̸̶̷̷̸̴̢̢̩̬͕̬̬͙̝̩͎̼͖̫᷂̘͉͙̼̝̖͕͔̭͓̓͛̐ͨ͌͗ͩ̍ͪ̈́͌︣͑̿̀̔᷃͂̉͗̓̅⃰ͨ̏̂̔͘͜͢͜͝͞ͅͅǫ̵̷̸̷̴̸̶̴̸̶̵̵̴̶̵̶̸̵̴̷̴̸̸̷̶̸̸̷̵̵̨̨̧̛̪͖̘᷂᷿̭͚̪̲͎̣̲̰͓͔̜̳̱͕̺͕̞̯͔ͨͬ͗̌̉︣͊͐͂͌̄᷀︡̄͌͋᷄᷁ͤ͊ͦͧͭ̓̔̾︣̕̚͜͢ Thankfully there is a character limit :(user5127– user512702/07/2025 06:17:40Commented Feb 7 at 6:17
I am testing the formatting for numbered lists that seem malformed when an element has no text
eg:
foo
bar1
bar2
possible fix:
- foo
- bar1
<nbsp>
- bar
note the wrong number after the empty element (needs to be fixed by hand)
-
2after further testing and discussion this seems to be a bug on FF/WinFederico– Federico05/21/2019 12:57:00Commented May 21, 2019 at 12:57
Everyone likes waffles, so I've compiled the tastiest, most delicious waffles into an all-in-one, waffle format answer.
Images found on tenor.com, simplerecipes.com, modernhoney.com, shewearsmanyhats.com, cookieandkate.com, daringgourmet.com, thestayathomechef.com, and completelydelicious.com.
ababab
I now challenge you not to run over to your closest waffle maker and make the most savory, delicious waffle you've ever had in your life, and eat it within 30 seconds of making it.
-
19-1 for making me hungry, +2 for waffles :Pa wizard arachnid– a wizard arachnid04/01/2019 22:36:17Commented Apr 1, 2019 at 22:36
-
-
3I absolutely love that Google sometimes randomly shows this "Images for formatting sandbox" section when searching for duplicate targets of (purported) bug reports about the formatting sandbox.Sebastian Simon– Sebastian Simon02/16/2021 01:42:53Commented Feb 16, 2021 at 1:42
▟████▙
███████
███████
▜████▛
▛
▗██▖ ▄ █ ████ █
█▘ ▘ █ █ █ █
█ ▄█▄ ▄██▖▗██▄ █ ▟ █ ▙ ▟▗██▄ █▗█▄ ▄██▖ █▗█▄ ▗█▙█▗██▖
▜█▙ █ ▝ █ █ ▝ █ ▟ ███ ▙▟ █ ▝ █▛ ▜▝ █ █▛ ▜ █ ▝█ █ █
█▎ █ ▗███ █ █▟▙ █ █ █ █ █ ▗███ █ █ █ █ ████
▖ █▎ █ █ █ █ ▗ █ ▙ █ ▛▜ █ ▗ █ █ █ █ █ █▝███ █
▜█▛ ▜█ ▝█▛█ ▝██▀ █ ▙ ████ ▛ ▜▝██▀ █ █▝█▛█ █ █ █ ▜█▛
▜██▘
-
Not completely accurate. In fact, you can also define a custom output filename (Without the -o option) as long as the "Create output file from stdout" option in PhpStorm is CHECKED. Example: >$FileName$ $FileParentDir$/$FileNameWithoutExtension$.min.css --output-style compressed in the "Arguments" field, will output a COMPRESSED (Minified) Scss file with a filename ending in .min.cssFelipe Alameda A– Felipe Alameda A11/30/2019 07:20:04Commented Nov 30, 2019 at 7:20
Lists in a spoiler block:
unordered list:
- first item
- second item
ordered list:
- first item
- second item
-
3Absolute SORCERY! I love it.AncientSwordRage– AncientSwordRage09/28/2021 13:01:50Commented Sep 28, 2021 at 13:01
This is a demonstration of how to use Stack Snippets to display animated stroke order for writing Chinese characters. It is related to this question, but Stack Snippets aren't currently enabled on the Chinese Language site.
var writer = HanziWriter.create('character-target-div', '赢', {
width: 180,
height: 180,
padding: 2,
showOutline: true,
strokeColor: '#aa7ab7',
radicalColor: '#007ab7',
delayBetweenLoops: 500,
delayBetweenStrokes: 100
});
writer.loopCharacterAnimation();<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/hanzi-writer.min.js"></script>
<div id="character-target-div"></div>-
1Hmmm... it's amazing that it works. But seeing the code and having to click "Run code snippet" kind of ruins it.Rebecca J. Stones– Rebecca J. Stones02/23/2020 02:41:40Commented Feb 23, 2020 at 2:41
-
1@RebeccaJ.Stones yeah, if this was a solution we could "run code snippet" for ruby text too, but it's way too clumsy.dROOOze– dROOOze02/23/2020 23:21:48Commented Feb 23, 2020 at 23:21
-
3This answer contains all the ways to post invisible content: 1. Empty header. 2. HTML comment. 3. Zero-width Unicode characters. 4. Zero-width HTML entities. 5. Invalid/disallowed HTML tag. 6. Allowed HTML tag with disallowed attribute. 7. A br tag. 8. A 1x1 transparent image. 9. Zero-length hyperlink. 10. Allowed but empty HTML tags.rgettman– rgettman02/04/2021 02:38:00Commented Feb 4, 2021 at 2:38
-
1Some of these can be used to circumvent the minimum answer length check, while others cannot.rgettman– rgettman02/04/2021 02:38:09Commented Feb 4, 2021 at 2:38
-
1
-
1Has anyone found the invisible image?rgettman– rgettman10/17/2022 16:23:25Commented Oct 17, 2022 at 16:23
`<!DocType Html>
A HTML file A table ` ` An XHTML file A table `H̶̛͉̣͇̯̺̋̉́̐͊́͂͑͐̌͘ë̴̢̬̫͚̘̼͈́̈̏̅l̶͙̪̦͙͖̲̪̞͊̅̑͒̾̈́̈̀̆̕͜͝l̸͈̰̻͕͈͚͈̋̓͆͋̆̚̚͠ô̵̡̝͎̖͓̩͚͓͎̭̱̪͚͐̓̊̄̌̽̀̀̓͂̈́ ̵̨̨̢̜͚̱̙͎̻̭̠͇̝̓͐̓̈͐̒̓̋̿͋̀̾̚ț̴̟͑͂h̵͍̘̮̠̺͇̞̔͒̐͝͝ĩ̴̗͕͕̩̇̓̒͒̆̅͂͜s̵̖̅ ̴̼̲̖̖͂̀̆͛̈͛̈̀̆i̸͔̫̝͒ͅs̶̠̼̭̠̻̥̻̦̜͕͛͐ͅ ̷̺͙͌̈̀̈́͆̚͘͝a̸͉̹̦̔̈́̑̈́́͑̕ ̶̖̮̜̼͇͚̬̩͔̼̈́͑ş̶̻̟͈̹̩̣͓̻̫̗̜̝͊͒̽͗̈́͝i̸̢̞̤̺̹̣͂̎̈́͝m̶̢̠͖̺̲̹͔̙̥̮̞͒̑̋̒̇̈́͘͜p̶̤̱͔̆́̽̒̈l̷̛͕̰͈̭͊̏̉̂̃̐̄̋̚̚͜͝ë̸̠͈̺͓̃̈̋̋̀͗ ̴̖̗̞̰̞̲̈́͛́͐̀̄̏̃̈́̕͜͠͝t̴̖̗̹͔̺̥̙̮͉̦̳̍̃̈́̉̔̾́́̽̂̔̚͠ͅȩ̶̙͕͓͉̀̊̀̕s̵͕̟̫̥͉̼̺̪̑̅̀̑̋͌̇̍́̔̚t̶̢͚͚̄͐̓ ̸̨͚̪͓̤͍̓̋̍̈́̉͛͛͛̀̾̑̈͝f̴̭̰̥̲͖̥̐͗̔̾͛͛́̂͋̿̽ͅö̶̖͍̭̂͗̎̔͊̈́̎̓̓̚r̸̨̘̪̟̱̲̭̞̙̈̾̈́̑́̊̿̽̒͌̋̔͜ ̶͚̯͈̐͒z̶̩͕͙͍̬͉̳̲̈́a̶͔̪̠͚̞̟̜̫͊̿́́̈́̈́̐͊̄̄̆̚ḻ̴̢̢̡̢̛̲̣̩̦̞͖̀́̔̓̅̓͜͝ĝ̶͈̘͍͈̤̥͈̺̗̙͇͚͐ǫ̷̼̮̘̥͔͈̮̲͕̩̭̆̅͌̍̽̆͌̑ͅ ̵̢̳̏̅͌̌̐́́͆͋̇͠͝͝t̶̡̧͍͎̰͍̠̤͈͈͂̊̾̎͗̓͒̏̌̌́͜e̴̡͎̪̜͉̘͓̖͔͓̳̫͌x̵̝̻̾͛̀͝t̷̺͇̭͍̰̼͈̣͓͚́͋͒̀̋͆̔͊̊͠.̶̧̥̣̠͓͕̣̹̞͓̬̆̀̾̃̚͝
-
4Ť̵̛̜̮̭̒̋̋͛͘h̵̲̅͆̔̓̈́̊̊̕͝i̷͇̬͚̰̣̮͇̮͇̗͙͇̤͒̐͗̀͂́̍̈́̽s̸̬̈́̌͐̀͝ ̵̭̓͌̎̀̾͠ͅï̶̬̜̣͉͓͕͚͍̊̀̀̅́͋̈́̎̌̕̚s̶̯̹̤̞̺͎͌̌̾͑̈́̚ ̸̧͙̺̤̀̄̾̉̄̒̓̓̚ȧ̴̻̯͔͕ͅ ̴̛̜́͑̾̈́͗̕͝s̷̫̝̠̼̬͚̆̅̈́̒̍͊́͛̕i̵̲̣͆̇̈́͐̏͘m̴̘͓͋̂̊͝ṗ̸̬̻̠̻͖̯͖̥͉́̄̾̔̕l̴͔͉͙̲͔̄͐̏͜͝ͅę̶̘̰̙̙̬̈́̎̃̍̏̽̽̃́ ̸̡̗̝͉͖̠͂̃͊̑͆͗͝ť̴̛̬͕̺̣͌͐̆͝e̸̗͎̗̲̝̲̝͋ṡ̶̡̧͎͈̻̦̫̱̻̮͙͆̌̔̆̉̇̆̓̚͝͝t̶̻̪̞͕̐̇̏͌̈́͊̕͠ ̸̨̹͔̩̬͖̲̟̩̝̦̬̯̈́̅̓̇͒̏̇̓̾͘f̷̧̧̲̠͎̞̭̠̳̳͕̤̃͠o̷̧̺̪̞͔̩̮̩̣̱̱̦͑̐̋̀͛ͅŕ̸̗͍̈́̆͋̎͝ ̶̧̹͉̦̮͓̜͓̦̗̞̺̯̓́͛̒z̸̘̪̖̯̞̳͇͖̠̬̽̐͗̈͐̈́̉͛̅̚ą̷̮̳͍̞͍̣̫̥̤̟̆̈́̈́̌̃͑̏̔̚͠͝ͅl̵̘͎̈ḡ̸̨̻̜͎͕͇̗͕̯͓̟̪ő̴͙̮̯͙͈̮̥̮̽͑͋̈͝͝ ̶̞͈͊͘͘t̷̯̔͒ȇ̴͖̝̩̙͓x̷͕͈̄̃̑̍̽̉̌͝ţ̶̙̮̝̜̝̫̰̮̳̈́̊ͅ.̸̨̲̲̳̝̱͐̉̋͆̀̌̈́͌́̐̄̑Himanshu– Himanshu06/11/2019 11:13:35Commented Jun 11, 2019 at 11:13
-
3Glad to see you back!Sonic the Anonymous Hedgehog– Sonic the Anonymous Hedgehog06/14/2019 05:40:57Commented Jun 14, 2019 at 5:40
-
:) I wasn't away, just not able to post due to increased workload.Himanshu– Himanshu06/14/2019 06:53:18Commented Jun 14, 2019 at 6:53
-
1A lot of users began to think you had left the site permanently; it would be nice if you addressed it in the Tavern.Sonic the Anonymous Hedgehog– Sonic the Anonymous Hedgehog06/15/2019 21:06:47Commented Jun 15, 2019 at 21:06
-
I just want to quickly add the usage as it wasn't immediately clear for me:
var userObject = { userId: 24, name: 'Jack Bauer' };Himanshu– Himanshu07/15/2022 13:28:17Commented Jul 15, 2022 at 13:28 -
2You can test markdown here without risk of accidentally posting.user152859– user15285912/08/2022 08:56:07Commented Dec 8, 2022 at 8:56
-
1Yup. I was lazy enough to not find this post :DHimanshu– Himanshu12/08/2022 09:03:21Commented Dec 8, 2022 at 9:03
-
sssss multiline ssssTwineee -Misses Shadow- Wizard– Twineee -Misses Shadow- Wizard04/09/2025 15:43:06Commented Apr 9 at 15:43 -
nope <!--comment-->Twineee -Misses Shadow- Wizard– Twineee -Misses Shadow- Wizard04/09/2025 15:43:19Commented Apr 9 at 15:43
Default
Italic
Bold
Italic and Bold Code (削除) Strikethrough (削除ここまで)
goofy text
That's supposed to say "goofy text" but it rendered far worse than I expected. Let me try again, changing the properties a bit this time.
goofy text
Still, terrible. Maybe this might work?
goofy text
Eh, a little better, but still quite bad. I guess that's what happens when you mix up sub with sup. More testing incoming.
testings̸͚̩̎ţ̵͔̓̍u̵͎͒̕f̶̧̌͒f̵̢͊youknow
blahblahblahhh e
testingstuffyouknowmore
eand(削除) even (削除ここまで)moretest
random link
I put <code> markup on the word "and" in the keyboard input markup but as you can see it did not render. I also discovered that when I put the ** right after the image link it renders as so:
**
testings̸͚̩̎ţ̵͔̓̍u̵͎͒̕f̶̧̌͒f̵̢͊youknowetestingstuffyouknowblahhblahhmoreeand(削除) even (削除ここまで)moretest
random link
Notice how both of the **s did not make the bold effect, and one of them was rendered outside of the code even though it was inside.
Test snippet to see if I even know a single bit of JS:
alert("i am batman");
alert("i am not batman");
document.write("i am still not batman");
console.log("i am still not batman no matter what");a big joke...
<marquee style="color:#FF0000";> JOE MAMA JOE MAMA JOE MAMA JOE MAMAJOE MAMA JOE MAMA JOE MAMA</marquee> <marquee style="color:#F0004F";>JOE MAMAJOE MAMAJOE MAMAJOE MAMA JOE MAMAJOE MAMA JOE MAMA JOE MAMA JOE MAMA JOE MAMA JOE MAMA JOE MAMA JOE MAMA JOE MAMA JOE MAMA JOE MAMA JOE MAMA JOE MAMA</marquee> <marquee style="color:#0010FF";>JOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMAJOE MAMA JOE MAMA JOE MAMA JOE MAMA JOE MAMA</marquee> <marquee style="color:green;"> JOE MAMA JOE MAMA JOE MAMA JOE MAMA JOE MAMA JOE MAMA JOE MAMA JOE MAMA</marquee> <marquee> JOE MAMA JOE MAMA JOE MAMA JOE MAMA JOE MAMA JOE MAMA JOE MAMA JOE MAMA</marquee>
Look! You can add italics to emojis! 😜 😜
But adding bold to them hardly has any effect. Here's an emoji with bold and another without bold. If you look closely at the one with bold (first one) you'll notice a tiny difference.
😜 😜
There's another bug in this spoiler. The warning sign in the spoiler renders in a keyboard button and I put a part of the word spoiler into the keyboard block but it didn't render in there, only the warning sign did.
spoiler spoiler spoiler⚠
Special Unicode:
(1)(2)(3)(4)(5)(6)(7)(8)(9)(10)(11)(12)(13)(14)(15)(16)(17)(18)(19)(20)
12345678910
1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.18.19.20.
1234567890
1⁄21⁄31⁄41⁄51⁄61⁄71⁄2⁄32⁄55⁄64⁄5
Table test:
| hmm | what |
|---|---|
oof |
more oof |
| ooof | more ooof |
| oooof | more oooof |
ooooff |
more ooooff |
oofed |
more oofed |
| 🤔 | wait a min |
| foo | |
| foof | bruh (削除ここまで) |
I put <kbd> markup on "more oofed" but it didn't render. And "hmm" wasn't supposed to be capital.
The following renders incorrectly in preview:
| a | b | c | d | e | f | g | h | i | j | k | l | m | n | o | p | q | r | s | t | u | v | w | x | y | z | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| d | i | d | i | b | r | e | a | k | t | h | e | t | a | b | l | e | ? | m | a | y | b | e | i | d | i | i | u | s | . | . | . | . | . | . | . | . | . | . |
Input: <code><code><code><code><code>e<br>e<br>e<br>e<br>e<br></code></code></code></code></code>
Result:
e
e
e
e
e
Input: <pre><pre><pre><pre><pre><pre><pre>e<br>e<br>e<br>e<br>e<br></pre></pre></pre></pre></pre></pre></pre>
Result:
e
e
e
e
e
Input: <code><pre><code><pre><code><pre><code><pre><code><pre>e</pre></code></pre></code></pre></code></pre></code></pre></code></pre>
Result:
e
Another time-waster, might wanna remove:
SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPA M SPA M SPA M SPA M SP A M SP A M SP A M SP A M S P A M S P A M S P A M S P A M S P A M S P A M S P A M S P A M S P A M S P A M S P A M S P AM S P AM S P AM S P AM S PAM S PAM S PAM S PAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM S P AM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM S PAM S PAM S PAM S PAM S PAM S P AM S P AM S P AM S P AM SP AM SP A M SP A M SP A M SP A M SPA M SPA M SPA M SPA M SPA M SPAM SPAM MSPA AMSP PAMS SPAM MSPA AMSP PAMS SPAM MSPA AMSP PAMS SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SPAM SAM AM AMP AMSP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AMSP ASP SP SPM SPAM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SPAM SAM AM AMP AMSP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AM SP AMSP ASP SP SPM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAMSPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM SPAM S
Hmm...
<```>test22 ALLOW 191.1.2.3 22 DENY Anywhere1¼padding padding