595

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.
  • 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:

  1. 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.");
    }
    ```
    
  2. 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 attribute class="prettyprint", or change it into one of the valid syntax hints linked above, like class="lang-vb prettyprint".

    • Run the following in the location bar: javascript:prettyPrint(); or prettyPrint() 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.

  • Bold code block.Italic code block. – smileycreations15 Mar 4 '19 at 12:36
  • Is new line working correct? Adding two spaces at the end of this line And now the new line... And another another... No new lines :( – smajli Mar 5 '19 at 11:14
  • New line </br> continue in new line... – smajli Mar 5 '19 at 11:16
  • Test: meta.stackexchange.com/questions/324682/… – Alex Mar 17 '19 at 2:35
  • Do HTML &quot; entities &quot; work&nbsp;? Guess not. – a hat-collecting arachnid Apr 1 '19 at 22:18
  • 9
    A comment with some weird markdown, to test and help this user. Look tags work too, and so does tour. – Bhargav Rao Apr 6 '19 at 1:59
  • 9
    Note: Do not remove @BhargavRao's comment, or you will break this answer – wizzwizz4 Apr 6 '19 at 17:16
  • @BhargavRao When sandbox answers are moved to the archive, comments such as this one -- on the question itself -- aren't migrated; they're deleted. – rgettman Apr 9 '19 at 19:37
  • @rgettman, yeah, that is fine. I had used it for just a small demonstration. The linked answer itself is self-sufficient. Thanks anyway. – Bhargav Rao Apr 9 '19 at 20:22
  • @BringBackThePolyglot Do you get notifications if I reply to your comment and then delete your comment before you visit the site? (for those wondering how I can single-handedly delete someone else's comment, comments containing "thanks" are automatically deleted as soon as someone flags them) – Donald Duck Apr 25 '19 at 16:32
  • @DonaldDuck Yes, I got notified. – Bring Back The Polyglot Apr 25 '19 at 16:32
  • honestly the over 500 hundred upvotes for a sandbox post is taking this real time satire thing you guess do with rep points too far – Adam May 7 '19 at 11:14
  • It makes me feel like doing one too like an onion announcing the Debian contributor community have been assigned complete authority and trust over all encryption matters for the central banks of the world but no, im an adult, I can show restrain – Adam May 7 '19 at 11:16
  • no I'm seriously asking now, what does op mean when someone causes a user "breakage"? is that like the time I was not allowed to take the archer profile pic down for like 6 months? that did break me tbh – Adam May 7 '19 at 11:22
  • 3
    ‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‬‭‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‬‭‮ Such an odd comment...‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‬‭‮‬ – mindstormsboi Jun 18 '20 at 1:16

130 Answers 130

2

How CommonMark renders the markdown preview (observed when editing a post) for various Internet top-level domains (TLD)

Bug: meta.so meta.se (reference: https://meta.stackexchange.com/a/349028/241919)


Original top-level domains: example.com example.net example.org example.gov example.edu

Infrastructure top-level domain: example.arpa

Country code top-level domains: example.de example.fr example.us example.so (Somalia) example.se (Sweden)

ICANN-era generic top-level domains: example.academy example.aero example.app example.auto example.blog example.coop

Geographic top-level domains: example.africa example.asia example.paris

Brand top-level domains: example.abc example.bing

Special-Use Domains: example.example example.onion example.test example.local

  • this is a comment OVERFL..! NAME FSTYPE MOUNTPOINT RO sda 0 └─sda1 ntfs /media/D:Drive 0 sdb 0 ├─sdb1 vfat 0 └─sdb2 ext4 / 0 sr0 iso9660 /media/peter/BT Adapter 0 nvme0n1 0 ├─nvme0n1p1 ntfs 0 ├─nvme0n1p2 vfat /boot/efi 0 ├─nvme0n1p3 0 └─nvme0n1p4 ntfs 0 – Meta Andrew T. Oct 8 '20 at 9:50
  • This is a normal long comment. The content of the comment is correctly bound. This is a normal long comment. The content of the comment is correctly bound. This is a normal long comment. The content of the comment is correctly bound. This is a normal long comment. The content of the comment is correctly bound. This is a normal long comment. The content of the comment is correctly bound. This is a normal long comment. The content of the comment is correctly bound. – Meta Andrew T. Nov 29 '20 at 13:57
  • this is a comment OVERFL..! NAME FSTYPE MOUNTPOINT RO sda 0 └─sda1 ntfs /media/D:Drive 0 sdb 0 ├─sdb1 vfat 0 └─sdb2 ext4 / 0 sr0 iso9660 /media/peter/BT Adapter 0 nvme0n1 0 ├─nvme0n1p1 ntfs 0 ├─nvme0n1p2 vfat /boot/efi 0 ├─nvme0n1p3 0 └─nvme0n1p4 ntfs 0 – 10 Rep says get vaccinated Nov 30 '20 at 0:45
2

Testing code snippet

<!doctype html>
<html>
<head>
<title>HTML Test</title>
<script type="text/javascript">
// Say hello world until the user starts questioning
// the meaningfulness of their existence.
function helloWorld(world) {
  for (var i = 42; --i >= 0;) {
    alert('Hello ' + String(world));
  }
}
</script>
<style type="text/css">
p { color: pink }
b { color: blue }
u { color: "umber" }
</style>
</head>
<body>
<h1>Hello world!</h1>
</body>
</html>

2

Link just after a special character

REFERENCE:https://meta.stackexchange.com/a/349611/771581

REFERENCE;https://meta.stackexchange.com/a/349611/771581

REFERENCE[https://meta.stackexchange.com/a/349611/771581

REFERENCE%https://meta.stackexchange.com/a/349611/771581

REFERENCE-https://meta.stackexchange.com/a/349611/771581

REFERENCE#https://meta.stackexchange.com/a/349611/771581

REFERENCE&https://meta.stackexchange.com/a/349611/771581

REFERENCE>https://meta.stackexchange.com/a/349611/771581

(Now see the above links in edit preview.)


Link separated from the special character by a space

REFERENCE: https://meta.stackexchange.com/a/349611/771581


Also, this bug seems to be specific with a special character.: REFERENCEhttps://meta.stackexchange.com/a/349611/771581

2

Test

Test

  • Test of what? What is the intent? – P.Mort. - forgot Clay Shirky_q Sep 18 '20 at 16:09
  • 1
    @P.Mort. I was testing if and how zero-character links in Markdown show up in the rendered HTML. – NobodyNada Sep 18 '20 at 17:58
2

Well, there’s table support now, so…

Markdown

Minimal Markdown of a table, working both in the preview and the post:

||
|-|

Minimal Markdown of a table, working in the preview, but not in the post:

|
-

|

Minimal Markdown of a table, working in the post, but not in the preview:

||
||

These Markdown snippets don’t render at all in a post, but still produce tables in the preview:

|
-|
|
|-|

This Markdown doesn’t render at all in a post, and doesn’t produce a table in the preview:

|
||

Backslashes, HTML, other random stuff

test|ßßß\ẞ|
\
\|
|-
>!Spoilers not supported…?

Line Separator and Paragraph Separator

These don’t seem to separate table rows.

|dgfg|adasd|
|---|:--|
|234234|23|

|dgfg|adasd|
|---|:--|
|234234|23|

Stack Snippets

When editing, the “edit the above snippet” link appears inside the table header.

sdf
console.log();
Test
sdf
sdfsdf
sdfsdf sdf
console.log();
Test
sdf
2

Mario "pure css"

body{ background: rgb(107, 136, 255);
  margin: 0;
  overflow-x: hidden; }


#m1,#m2,#m3{ position: absolute;
  visibility: hidden;
  animation: walk 400ms infinite forwards linear; }
#m2{ animation-delay: 133ms; }
#m3{ animation-delay: 266ms; }

@keyframes walk{ 
   0%, 32%{ visibility: visible; }
  33%,100%{ visibility: hidden; }}
  
.container{ overflow: hidden;
  bottom: 0px;
  position: absolute; }

.sliding-background{ background: url('https://i.stack.imgur.com/yvBip.png') repeat-x;
  height: 240px;
  width: 5076px;
  animation: slide 20s linear infinite; }

@keyframes slide{ 0%{ transform: translate3d(0, 0, 0); }
                100%{ transform: translate3d(-1692px, 0, 0); }}

#mcont{ position: absolute;
  left: 50%;
  bottom: 130px;
  transform: translate(-50%, 0); }

#clouds{ position: absolute;
  left: 2000px;
  top: 30px;
  animation: 15s cloud infinite forwards linear; }

@keyframes cloud{ 100%{ left:-500px; }}
<div class="container">
  <div class="sliding-background"></div>
</div>
<div class="container">
  <div class="sliding-background"></div>
</div>

<div id='mcont'>
  <img id='m1' src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAABnCAMAAACXfvq+AAAADFBMVEUAAACsfAD4OAD/pECmOaYSAAAAAXRSTlMAQObYZgAAAKFJREFUeNrt1oEGAkAQhOHu9v3fOfod25wWYEb1g63mixR6/Pvl9ntRal9VlV3NJFxJdrVO9YqDGHjVPe7vQBFKx5pLtaUq7ijV9hpji5phiKL5V+FVkH26x3YFWSfuCbiVQrfqs17/FtyKAUqrlldRoCJRUo6ifCVW/635lRau+IBGtVqfCEegkifTFA+VuJVsAlXyS9yximNWZFGUqL65J9LbE8OFiaC8AAAAAElFTkSuQmCC">
  <img id='m2' src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAABnCAMAAACXfvq+AAAADFBMVEUAAACsfAD4OAD/pECmOaYSAAAAAXRSTlMAQObYZgAAAKlJREFUeNrt1IEGAkEURuGaef93bnTF6S4XqP9QBwz9X0zavf37UOs9lVqX9t55NRK36sXV/dV+VgdeLauuY35D5VEY91IKy65wtijsexDfVjOMqxnyN08pNr9CU4r3OuO6XcE6SxRJg3510qpKqvCsadVGBnXIoM5HEgXY1UmhAElsinahqAKEqkgyCnWCVGomWUVIolL8xwK6FMc2RcKxUSGJYkn1Kz0A09YSSfwAvvQAAAAASUVORK5CYII=">
  <img id='m3' src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAABnCAMAAACXfvq+AAAADFBMVEUAAACsfAD4OAD/pECmOaYSAAAAAXRSTlMAQObYZgAAALdJREFUeNrU1oEGw0AQhOEk8/7v3NMV/uwxgMzmxynuK0OdHh/tejZKXVuS8sqS2aoXV+ed/tUHTsuq/TK/ocoqc5lFVJFdYeYshfs9kojyMKto/a8ipczGoxdWFyrLx1NSVp1oh7pLKZIG6wwqEjNtsuK0dcYVSVMkrylPJPVFaeX/sKWUnn1dre1RRdIrElErr04UUKgujFV8Nqcp83JOU20RJudVg4ftfUX4G5r4qK4h4MiRCwDmpxaTaztkVwAAAABJRU5ErkJggg=="></div>
  <img id='clouds' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAMAAACsjQ8GAAAADFBMVEUAAAD8/PwAAAAAcOzIsoEVAAAAAXRSTlMAQObYZgAAAHlJREFUeNqNkkEOxCAMxDrO//+8oBRGiDRaX+ZgX1rynAA8DWjAt0bqCqQV0AdCNEFkU/uIVVB7JXcAbOUCexkHCPsCtIPS+4eAPmE2avkj6AvejwiZOL2LsC+LgfY4YwUpBzlanG+Rwl5wXQPbvdowHTnTbW2A+/R/QA4CgdKC7TAAAAAASUVORK5CYII='>

2

Markdown spoiler:

testing spoilers

code spoiler! scroll this way to see:                                                                                                                        SPOILER!!!

→ HTML special characters! ←

&rarr; HTML special characters! &larr;
2

3D = 61

ₗₒᵣₑₘ IPSUM
WƎᴚO˥ 𝕀ℙ𝕊𝕌𝕄
L̝̤̯̜̙ò̫̪̰͓ͅr̘͢e͡m͏̰̩ Ì̷̷̟̙̮͙͖̖͍̘͓͘P̡̤͖͔̮̜̥̭͉̻̞̹̫Ś̢̘͚͕͎͜Ų̛͙͎̮̦͙̠͙̬̮̠̺̭͓̭̮́̕M̷̨̻͔̼̘͇̫͇̣̠̖͉̟̟̕͡
print("Lorem")
IPSUM

H̅̋ͥ̓͛̽ͬ̆́͂̔̾ͬ҉̴̢̨͈̱̘̟ï̴̶͉͍̘͚̥͈͌ͪ̒ͣ̾̈́ͭ͗ͪͭ͟g͊ͨ͐͆̔̑͆ͫ͏̬̞̗̲̱̪̞̜̩͔́͞ͅh̷̰̬̼̯̝̫̩̜ͦͭ̌ͦͬͯ̚͟

2

The Non-comprehensive Formatting Test

Hello world

Hello world

Hello world

Hello world

Hello world

Hello world

Hello world


ABC

DEF

GHI

JKL

MNO

PQR

STU

VWX

YZ


La

La La La

La La La La La

La La La

La


A B C D E F G

ABCDEFG


{waffles}

ODJIFU(#)RIFU#ORINEJF(HUER#U(WI)~I(!#WEURKJIOK(I)@#O_+ER)FI

2

222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222

1

I’m testing hyphens ("HYPHEN MINUS") on iOS 12. Specifically, typing multiple hyphens into the edit box. Typing 2 hyphens together results in a single "EM DASH".

Related question on the Ask Different Stack:
How do I type a hyphen in iOS 12?

The text in parentheses describes the resulting string after typing N hyphens.

Below this line is a single “hyphen” (HYPHEN)

-

Below this are 2 hyphens (EM DASH)

And 3 hyphens (EM DASH + HYPHEN)

—-

Four hyphens (EM DASH + EM DASH)

——

-—

Five hyphens (EM DASH + EM DASH + HYPHEN)

——-

Long press and second character (EN DASH)

Long press and third character (EM DASH)

Copy/paste




Hello -

• (BULLET - Long press and first character)

Saying "hyphen hyphen hyphen hyphen" results in 4 contiguous hyphens


Saying "dash" results in an "EN DASH" and "dash dash dash dash" results in 4 x "EN DASH + SPACE" (not contiguous).

– – – –

1

alert("This snippet is for testing/comparing CSS sizing units:\n\t\tvh, vw, vmin,vmax, compared to %,\n  ...and seeing whether they work in SO snippets...\n\t\t\tThe answer is \"kinda\", LOL\n\t\t(Resize your browser window to try.)"); 
<head>
  <style>
    * { box-sizing: border-box; }
  </style>
</head>
<body>
  <div style="position:fixed; width:100%; height:100%; left:0; right:0; top:0; bottom:0; border:15px solid green;">
  My 100% &times; 100% div<br>

    <div style="position:fixed; width:50%; height:50%; left:25%; top:25%; border:15px solid red; text-align:left;color:red; font-size:5vmax;">
      My 50% &times; 50% div
      <br>(font-size:5vmax)
    </div>

    <div style="position:fixed; left:25vw; top:25vh; width:50vw; height:50vh;  border:15px dashed blue;text-align:right;color:blue; font-size:5vmin;">
      My 50vw &times; 50vh div
      <br>(font-size:5vmin)
    </div>
      
    <div style="position:fixed; bottom:15px; right:15px;"> 
      <a href="https://web-design-weekly.com/viewport-units-vw-vh-vmin-vmax/">More on viewport units</a>
    </div>  
  </div>
</body>

1

blockquote

4 spaces
    8 spaces

test

    8 spaces

text test

<b>dsadas</b>
While not hinted otherwise: <html></html> source <b>goes</b> "here".
While not hinted otherwise: <html></html> source <b>goes</b> "here".
  • I want to try the community shortcuts - [Mathematics] [Mathematics] - [Math] [Math] - Mathematics [Mathematics.SE] - Mathematics [Math.SE] – John Alexiou Apr 30 '20 at 14:02
1

or so
 you claim

1

Do they look the same?

 Aa - sum(q * r) 

Aa - sum(q * r)

Aa - sum(q * r)
Aa - sum(q * r)
Aa - sum(q * r)
Aa - sum(q * r)

Aa - sum(q * r)

Should they look the same?

1

Testing some formatting

Below are some formatting tests within an answer...


Sample blockquote info

code block 

Blue Prism

sample code snippet

// init webrequest
HttpWebRequest webRequest = (HttpWebRequest)WebRequest.Create(url);
webRequest.Method = "POST";
webRequest.Headers.Add(HttpRequestHeader.AcceptEncoding, "gzip,deflate");
webRequest.AutomaticDecompression = DecompressionMethods.GZip | DecompressionMethods.Deflate;
webRequest.ContentType = "application/x-www-form-urlencoded";
webRequest.ContentLength = bytes.Length;
1

Testing image links for images that really don't need an 'open in new tab' link on hover.

[![enter image description here][1]][1]

enter image description here

vs
![enter image description here][1]

enter image description here

& for MM…

![TITLE: REPORT TITLE][2]
[2]: https://i.stack.imgur.com/HbbYw.png

review image

1

just testing a url with square brackets and spaces

[http://&lsqb;IP Address here&rsqb;/service/health](http://&lsqb;IP%20Address%20here&rsqb;/service/health)

http://[IP Address here]/service/health

[http://&lsqb;IP Address here&rsqb;/service/health][1]
[1]: http://&lsqb;IP%20Address%20here&rsqb;/service/health

http://[IP Address here]/service/health

1

This is a test to see if I can trigger a potential bug with multi-paged questions and new answers.

Nothing to see here, move along (~^w^)~

1

I am experimenting with runnable snippets.

.inner {
  margin-bottom: 1rem;
}

.inner::before {
  content: "I'm before inner!";
  display: block;
}
<div class="outer">
  <div class="inner">Inner 1</div>
  
  <div class="inner">Inner 2</div>
</div>

1

Testing. Ok.

Does LaTeX formatting work? Let me test.

\binom{20}{2} \cdot (\frac{1}{10})^2 \cdot (\frac{9}{10})^{18} \approx 28.518%

Cool! It does! Ok

  • That's some hawt stuff! – Noah Broyles Jun 3 '20 at 1:00
1

The diff is informative; it will not apply directly because this site mangles tabs and whitespaces

BET

--- drivers/usb/class/cdc-acm.c~
+++ drivers/usb/class/cdc-acm.c
@@ -1063,7 +1063,7 @@
 }

 static const struct tty_port_operations acm_port_ops = {
-   .dtr_rts = acm_port_dtr_rts,
+   /* .dtr_rts = acm_port_dtr_rts, */
    .shutdown = acm_port_shutdown,
    .activate = acm_port_activate,
    .destruct = acm_port_destruct,

ETA: nvm I'm rekt

feel free for anyone to commandeer this answer if your rep is too low for the sandbox

1

Testing possible issues with the revision history for good measure (Thank you for enabling YouTube embedding!):

iframe:

Script:

alert("Script injection protection broken")

Video raw:

https://www.youtube.com/watch?v=Hwz7YN1AQmQ

Video iframe:

1

This is a code fence test.

New code
1

Yay! We just get to messAround

22 = 4 (unless we're talkin' common core)

1
  • List

Unindented snippet

  • List

    Indented snippet

    Continuing list's indent level... Things written here fail to render correctly in the preview (show up as code block), but works when posted... Try it by clicking edit

    I suspect that it's because of the edit above snippet button

1

A new list?

  1. This.
  2. That.
1

This is a test of commonmark blockquote

One level

Two Levels

Three Levels

Four levels

WE MUST GO DEEPER! (Seeing if quote levels are cumulative)

1
<!doctype html>
<html>
<head>
<title>HTML Test</title>
<script type="text/javascript">
// Say hello world until the user starts questioning
// the meaningfulness of their existence.
function helloWorld(world) {
  for (var i = 42; --i >= 0;) {
    alert('Hello ' + String(world));
  }
}
</script>
<style type="text/css">
p { color: pink }
b { color: blue }
u { color: "umber" }
</style>
</head>
<body>
<h1>Hello world!</h1>
</body>
</html>

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .