630

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:

  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.

116
  • Bold code block.Italic code block. Mar 4, 2019 at 12:36
  • 15
    A comment with some weird markdown, to test and help this user. Look tags work too, and so does tour. Apr 6, 2019 at 1:59
  • 17
    Note: Do not remove @BhargavRao's comment, or you will break this answer
    – wizzwizz4
    Apr 6, 2019 at 17:16
  • 11
    ‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‬‭‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‬‭‮ Such an odd comment...‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‬‭‮‬ Jun 18, 2020 at 1:16
  • 6
    ‮sdrawkcab si tnemmoc sihT Jul 4, 2020 at 1:03
  • 2
    SOBotics Tool to get the source text of this comment. Single backslash and single backtick: \, `. Type: ``\``, `\``. Jul 12, 2020 at 23:23
  • 11
    Note: Do not remove @wizzwizz4's comment, or you will not know that you don't have to delete Bhargav Rao's comment. Jul 18, 2020 at 11:49
  • 3
    ‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‬‭‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‬‭backward comment‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬
    – ppwater
    Nov 30, 2020 at 1:32
  • 1
    ‎​‎​‎​‎​‎​‎​‎​‎​‎​‎​‎​‎​‎​‎​‎​‎​ Jan 7, 2021 at 22:08
  • 3
    @ppwater pasting the contents of your comment after selecting the spaces after it too into TextEdit and hitting backspace crashes on macOS Catalina. ¯\_(ツ)_/¯ It appears it split my cursor in two???? Jan 31, 2021 at 21:14
  • 4
    testing the power of gray areas
    – Ollie
    Apr 22, 2021 at 17:25
  • 1
    Titles "don’t work", (/) works, (\/) doesn’t, [](/) doesn’t, [edit](/): edit, [edit](): edit(). Not even (path/) works as a URL. Which protocols work? Only http://x, https://x, ftp://x. https:// renders a link, even though it’s not really clickable. May 2, 2021 at 4:10
  • 3
    Oh, and [something](//) behaves just like [something](https://), too. May 5, 2021 at 11:56
  • 3
    @samwyse [Link](/q/3122) is shorter. Dec 19, 2021 at 20:31
  • 1
    Testing spoiler in comment: hover for spoiler
    – wjandrea
    May 12 at 22:10

230 Answers 230

1
2
3 4 5
8
2

lovely
.͌͌͌͌͌͌͌͌͌ ͌͌͌͌͌͌͌͌͌ ͌͌͌͌͌͌͌͌͌ ͌͌͌͌͌͌͌͌͌ ͌͌͌͌͌͌͌͌͌ ͌͌͌͌͌͌͌͌͌ ͌͌͌͌͌͌͌͌͌ ͌͌͌͌͌͌͌͌͌ .̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ o̅̅̅̅̅̅̅̅̅o̅̅̅̅̅̅̅̅̅p̅̅̅̅̅̅̅̅̅s̅̅̅̅̅̅̅̅̅i̅̅̅̅̅̅̅̅̅e̅̅̅̅̅̅̅̅̅s̅̅̅̅̅̅̅̅̅!̅̅̅̅̅̅̅̅̅ ͪ͠ ̴ͣ ͯ

// print combining diacritics
for(var i=768; i<879; i++){console.log(new DOMParser().parseFromString("&#"+i+";", "text/html").documentElement.textContent +"  "+"&#"+i+";");}


3
  • 2
    H̿̿̿̿̿͟o̿̿̿̿̿͟o̿̿̿̿̿͟r̿̿̿̿̿͟a̿̿̿̿̿͟y̿̿̿̿̿͢!̿̿̿̿̿͟͢aaaͮeͨ Apr 3, 2019 at 2:37
  • 1
    i found adding the "underscores" best worked between the letter and it's diacritics
    – ocæon
    Apr 3, 2019 at 3:35
  • .̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́ ̈́̈́̈́̈́̈́̈́̈́̈́̈́
    – ocæon
    Apr 19, 2019 at 18:27
2

http://[::1] works in the preview (and I assume also after submitting the post)

with markdown: http://[::1]

1
  • 1
    but it does not auto-detect the link in a comment: http://[::1]/ also not when I try to format it with markdown: [http://[::1]/](http://[::1]/)
    – Luc
    May 29, 2019 at 11:24
2

@muru’s space formatting test displays

enter image description here

on my system.

1
  • Hmm, it works on Firefox, Chrome, Safari on macOS, but doesn't on Firefox or Chrome on Android or Safari or Chrome on iOS (where inline code spans are broken in other ways anyway). Guess there's no good way here.
    – muru
    Jun 4, 2019 at 5:39
2

The <ol start> attribute vs. Markdown lists:


  1. Item #1
  2. Item #2
  3. Item #3
  1. Item #2
  2. Item #3
  1. Item #9
  2. Item #14
  1. Item #8
2

let's see how many characters wide the code block is before horizontal scrollbar appears in post preview editor:

1234567890 10
12345678901234567890 20
123456789012345678901234567890 30
1234567890123456789012345678901234567890 40
12345678901234567890123456789012345678901234567890 50
123456789012345678901234567890123456789012345678901234567890 60
1234567890123456789012345678901234567890123456789012345678901234567890 70
12345678901234567890123456789012345678901234567890123456789012345678901234567890 80
123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890 90
1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
^ 100
123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012
^ 102
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll
WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
——————————————————————————————————————————————————————————————————————————————————————————————————————

|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW ——————————————————————————————————————————————————————————————————————————————————————————————————————

maximum on page / in editor on page:

12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012
^ 92
2
  • wheeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee Apr 16, 2020 at 0:13
  • weird space here -> <- uniqode
    – Tom Hundt
    Feb 2, 2021 at 3:21
2
  • 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

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

3
  • 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 Oct 8, 2020 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. Nov 29, 2020 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
    Nov 30, 2020 at 0:45
2

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)

0
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

9
2

Test

Test

2
  • Test of what? What is the intent? Sep 18, 2020 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, 2020 at 17:58
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

A snippet:

<h1>Unicorns</h1>
<p>Unicorns are amazing.</p>

A snippet in a <h1>:

I'm a heading
<h1>Unicorns</h1>
<p>Unicorns are amazing.</p>

A bold snippet:

<h1>Unicorns</h1>
<p>Unicorns are amazing.</p>

An italic snippet:

<h1>Unicorns</h1>
<p>Unicorns are amazing.</p>

A snippet with a line through it:

<h1>Unicorns</h1>
<p>Unicorns are amazing.</p>

A snippet in a list:

  • Apples
  • Bananas
  • <h1>Unicorns</h1>
    <p>Unicorns are amazing.</p>

A snippet in a code block:

<h1>Unicorns</h1>
<p>Unicorns are amazing.</p>

A snippet in a blockquote:

<h1>Unicorns</h1>
<p>Unicorns are amazing.</p>

We can use lots of blockquotes to make it tiny:

<h1>Unicorns</h1>
<p>Unicorns are amazing.</p>

A snippet in a spoiler:

<h1>Unicorns</h1>
<p>Unicorns are amazing.</p>

A snippet in a table:

Name Email Order Price
Sam sam@example.com Chips $12
Jim jim@example.com
<h1>Unicorns</h1>
<p>Unicorns are amazing.</p>

This is all very interesting, isn't it?

0
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

Test Magic links:

[meta] – link to the current site's Meta; link text is the site name (e.g. "Meta Super User"). Does nothing if the site doesn't have (or already is) a Meta site.

[main] – like [meta], just the other way around.

[edit] – link to the edit page for the post the comment is on, i.e. /posts/{id}/edit. Link text is "edit" (capitalization is respected).

Help center links. Link text for all of these is "help center": [help] should be obvious. [meta-help] links to "What is meta?" (/help/whats-meta) [help/on-topic] links to "What topics can I ask about here?" (/help/on-topic) [help/dont-ask] links to "What types of questions should I avoid asking?" (/help/dont-ask) [help/behavior] links to "What kind of behavior is expected of users?" (/help/behavior).

[tour] and [meta-tour] – equivalent to the FAQ version, but links to the site's Tour page (resp. the meta site's Tour page). Link text is "tour" (capitalization is respected). Legacy names [about] and [meta-about] are still supported.

[ask] – link to the "How to Ask" page

[answer] – link to the "How to Answer" page.

Links to the front page of Stack Exchange sites (link text is the site name): [so] – link to Stack Overflow [su] – link to Super User [sf] – link to Server Fault [metase]/[meta.se] – link to Meta Stack Exchange [ubuntu.se] – link to Ask Ubuntu [mathoverflow.se] – link to MathOverflow [a51] – link to Area 51 [se] – link to the Stack Exchange Localized Stack Overflow sites can be linked as [es.so] – link to Stack Overflow en español [ja.so] – link to スタック・オーバーフロー [pt.so] – link to Stack Overflow em Português [ru.so] – link to Stack Overflow на русском All other Stack Exchange sites, except Stack Apps: [something.se] – link to something.stackexchange.com, if that site exists. Link text is the site name. [sitename.meta.se] or [meta.sitename.se] – link to a site-specific Meta site. Link text is "Meta ".

[chat] – link to the current site's chat site ne showing a list of active rooms from the referring site), the link text being "{site name} Chat".

On Stack Overflow and localized Stack Overflow sites: [mcve], [reprex], [repro], [mre] and [example] – link to the Minimal Complete & Verifiable Example page for the site.

Tags (these work in questions, answers, comments, and chat, but are not formatted as tags in comments): [Note that if you're on meta, will still point to the main site. Except on Meta Stack Exchange, which doesn't have a main, makes no difference from .] creates a link to the named tag on the main site. creates a link to a tag on meta. The text is linked

Supported magic links in chat

In chat, only a limited subset of the magic links listed for comments work, plus one chat-specific magic link.

Chat supports the following magic links: [meta], [main], [ask], [answer], all the links to specific sites, and tag links (with tag formatting). Chat also adds [chat-faq], which results in "chat faq".

The tag magic links work as expected on Stack Overflow Chat and Meta Stack Exchange Chat. However, on Stack Exchange Chat, the chat room in which you use the magic link must be associated with a specific Stack Exchange site, and will take on the formatting of tags on that site.

3
2

Testing fairly manual matjax conversion and very makeshift psudocode instructions

S₀ S₁ S₂ S₃ S₄ S₅ S₆ S₇
0 3 15 8 0 1 15 7
1 8 12 6 15 15 5 2
2 15 2 7 11 8 2 12
3 1 7 9 8 3 11 5
4 10 9 3 12 12 4 8
5 6 0 12 9 0 10 4
6 5 5 10 6 11 9 6
7 11 10 15 3 6 12 11
8 14 1 13 13 2 0 14
9 13 11 1 1 5 3 9
10 4 14 14 2 4 14 1
11 2 8 4 4 10 8 15
12 7 6 0 10 9 13 13
13 0 13 11 7 14 6 3
14 9 3 5 5 7 7 10
15 12 4 2 14 13 1 0

REMOVE \begin{equation} \begin{array}{|c|c|c|c|c|c|c|c|c|} \hline

REMOVE

\hline \end{array} \end{equation}

replace \n with \n| SPACE replace & with SPACE SPACE | SPACE replace \ with SPACE SPACE |

CLEAN UP TITLE BAR

Remove

\operatorname{

remove |text{Input}

remove }

Unicode subscripts ₁₂₃₄₅₆₇₈₉₀

add header

2

using table to present images horizontally

enter image description here enter image description here enter image description here

caption as second row

enter image description here enter image description here enter image description here
90-tooth finishing 84-tooth laminate 50-tooth combo

caption as headers

90-tooth finishing 84-tooth laminate 50-tooth combo
enter image description here enter image description here enter image description here

caption as text

enter image description here
90-tooth-finishing
enter image description here
84-tooth laminate
enter image description here
50-tooth combo

👍

2

Testing leading spaces: false false

` false` <code> false</code>

enter image description here

Without custom CSS:

enter image description here

1
  • foo( , bar)
    – muru
    Aug 26, 2019 at 8:20
2

Didn't think my previous answer could fit some more stuff, soooooooooo... Hmm... Hmm...

Apparently tag ending for <kbd> is strange.

something Interesting...

Heh.

my code

spoiler

helllo
This is my table.
Heh.
> something
Oh, so markdown doesn't work in tables. Heard of that before.
>! spoiler

heh.

2

Looks like, at some point in the last 3 months, all 4 Markdown language hints were made equivalent.
Previously, the first (lang-markdown) highlighted differently than the other 3, but all 4 look just like the first now.


Markdown highlighting test:

lang-markdown

# Sample Output

heading
--

another heading
==

> quote text

`code text`

_italic_ *italic*

__bold__ **bold**

***bold AND italic***

lang-md/ lang-mkdown/ lang-mkd

# Sample Output

heading
--

another heading
==

> quote text

`code text`

_italic_ *italic*

__bold__ **bold**

***bold AND italic***
1
2
This heading was added to test if the IDs assigned to headings change

It looks like H4, H5, and H6 elements were added to the CSS. This is to test to see if they are live on the site for user contributions.

Using Markdown:

An H1 (Markdown)

An H2 (Markdown)

An H3 (Markdown)

An H4 (Markdown)

An H5 (Markdown)
An H6 (Markdown)

Using HTML:

An H1 (HTML)

An H2 (HTML)

An H3 (HTML)

An H4 (HTML)

An H5 (HTML)
An H6 (HTML)

Using HTML with an id attribute (expected to be stripped):

An H1 (HTML)

An H2 (HTML)

An H3 (HTML)

An H4 (HTML)

An H5 (HTML)
An H6 (HTML)

More testing for automatic generation of id and static assignment.

  1. Fun with lists and headings:

    1. Issue 1: This is an h5 in a ordered list
    2. Issue 2: This is an h5 in a ordered list
    3. Issue 3: This is an h5 in a ordered list
  2. This is the same thing in HTML:

    1. Issue 1 (HTML):
    2. Issue 2 (HTML):
    3. Issue 3 (HTML):
  3. HTML with a static id attribute for each <h5>:

    In the preview rendering, the <h5> elements are stripped, but content is displayed.

    1. Issue 1 (HTML with static ID):
    2. Issue 2 (HTML with static ID):
    3. Issue 3 (HTML with static ID):
6
  • So h4-h6 id attributes aren't stripped?
    – zcoop98
    Jul 14, 2021 at 14:41
  • 1
    @zcoop98 Tests here show: IDs are stripped in preview, but not backend processing. Custom IDs are not necessarily modified to make then unique to the post. So far, it's not clear if it's possible to have the ID conflict with another post, or even an ID which SE uses in their HTML. If the elements weren't stripped, I would have expected the IDs to be modified to add the post ID in order to force them to be unique to the post ID. So far, it appears that the ones SE auto-adds do have a hash of some type, but that the hash is not invariant (i.e. auto-IDs may change when the post is edited)
    – Makyen
    Jul 14, 2021 at 15:01
  • @zcoop98 Some of the elements which you show in your screenshot I don't see in the page. I'm assuming that you have an extension or userscript which adds all the <a class="js-named-anchor"> elements, because I don't see them in the HTML that I receive from SE.
    – Makyen
    Jul 14, 2021 at 15:08
  • Good point! Here's one with everything disabled (I didn't even realize that I had a script messing with headings... the more you know I guess. Looks like it's the Post Headers & Question TOC script).
    – zcoop98
    Jul 14, 2021 at 15:21
  • (Now I just feel silly for never connecting "post headers" to "headings in posts" in my head lol; I always assumed that title referred to the banner the script places above posts)
    – zcoop98
    Jul 14, 2021 at 15:33
  • 1
    PLEASE DO NOT EDIT THIS ANSWER. If you edit this answer, then it's usefulness will be destroyed, as the HTML will be regenerated differently than it currently is. SE's Markdown->HTML rendering changed after this answer was last edited to remove the feature which this answer was testing. If you want to play with the Markdown for this answer, I created a near-duplicate answer after SE made the change in Markdown->HTML rendering.
    – Makyen
    Mar 20 at 17:03
2

This is a near duplicate to another answer of mine here. It appears at some point in the very recent past id attributes are no longer being automatically created for headings. This is a test to A) verify that, and B) see if it's still possible to use explicit id attributes on <hN> HTML elements. It also may test having more than one identical id attribute in the same page, which, if nothing is done by SE, is something that devolves onto the browser's behavior. Unfortunately, it's not possible to test this with just a revision of my prior answer, because id attributes are stripped when revisions are shown in the post history.

This heading was added to test if the IDs assigned to headings change

It looks like H4, H5, and H6 elements were added to the CSS. This is to test to see if they are live on the site for user contributions.

Using Markdown:

An H1 (Markdown)

An H2 (Markdown)

An H3 (Markdown)

An H4 (Markdown)

An H5 (Markdown)
An H6 (Markdown)

Using HTML:

An H1 (HTML)

An H2 (HTML)

An H3 (HTML)

An H4 (HTML)

An H5 (HTML)
An H6 (HTML)

Using HTML with an id attribute (expected to be stripped):

An H1 (HTML) An H2 (HTML) An H3 (HTML) An H4 (HTML) An H5 (HTML) An H6 (HTML)

More testing for automatic generation of id and static assignment.

  1. Fun with lists and headings:

    1. Issue 1: This is an h5 in a ordered list
    2. Issue 2: This is an h5 in a ordered list
    3. Issue 3: This is an h5 in a ordered list
  2. This is the same thing in HTML:

    1. Issue 1 (HTML):
    2. Issue 2 (HTML):
    3. Issue 3 (HTML):
  3. HTML with a static id attribute for each <h5>:

    In the preview rendering, the <h5> elements are stripped, but content is displayed.

    1. Issue 1 (HTML with static ID):
    2. Issue 2 (HTML with static ID):
    3. Issue 3 (HTML with static ID):
1
  • 1
    And the result is: HTML <hN> elements with a static id are now stripped.
    – Makyen
    Jul 30, 2021 at 21:15
2

Test using <!-- language: lang-none --> (i.e. should NOT have syntax highlighting)

Where indicated, the following sections are separately preceded by a line which contains <!-- language: lang-none -->, which should still prevent application of syntax highlighting. Note that using HTML comments to apply code formatting is deprecated.

In code fences
With <!-- language: lang-none -->
var parent=document.getElementById('parent');
var child=document.getElementById('child');
var preventChild=document.getElementById('preventChild');
Without <!-- language: lang-none -->
var parent=document.getElementById('parent');
var child=document.getElementById('child');
var preventChild=document.getElementById('preventChild');
Using 4 space indent
With <!-- language: lang-none -->
var parent=document.getElementById('parent');
var child=document.getElementById('child');
var preventChild=document.getElementById('preventChild');
Without <!-- language: lang-none -->
var parent=document.getElementById('parent');
var child=document.getElementById('child');
var preventChild=document.getElementById('preventChild');
In HTML <pre><code>
With <!-- language: lang-none -->
var parent=document.getElementById('parent');
var child=document.getElementById('child');
var preventChild=document.getElementById('preventChild');
Without <!-- language: lang-none -->
var parent=document.getElementById('parent');
var child=document.getElementById('child');
var preventChild=document.getElementById('preventChild');

All of the above function as expected in the preview below the text input while editing.

1
  • T̶h̵i̵s̵ ̵i̵s̵ ̵s̵t̵r̵i̵k̵e̵o̵u̵t̵.̵
    – Makyen
    Nov 3, 2021 at 16:55
2

Hmm, does pipenv --support (or similarly styled support config dump) work well in a question or answer? Let's find out (edited some content out for size).

Notice the <details><summary>heading</summary>...</details> used to obtain collapsed-by-default section in, e.g., GitHub issues doesn't work here:

$ pipenv --support

Pipenv version: '2018.11.26'

Pipenv location: '/usr/local/Cellar/pipenv/2018.11.26_2/libexec/lib/python3.7/site-packages/pipenv'

Python location: '/usr/local/Cellar/pipenv/2018.11.26_2/libexec/bin/python3.7'

Python installations found:

  • 3.7.2: /usr/local/bin/python3
  • 3.7.2: /usr/local/bin/python3.7m
  • 2.7.16: /usr/local/bin/python
  • 2.7.16: /usr/local/bin/pythonw
  • 2.7.10: /usr/bin/python
  • 2.7.10: /usr/bin/pythonw
  • 2.7.10: /usr/bin/python2.7

PEP 508 Information:

{'implementation_name': 'cpython',
 'implementation_version': '3.7.2',
 'os_name': 'posix',
 'platform_machine': 'x86_64',
 'platform_python_implementation': 'CPython',
 'platform_release': '18.2.0',
 'platform_system': 'Darwin',
 'platform_version': 'Darwin Kernel Version 18.2.0: Thu Dec 20 20:46:53 PST '
                     '2018; root:xnu-4903.241.1~1/RELEASE_X86_64',
 'python_full_version': '3.7.2',
 'python_version': '3.7',
 'sys_platform': 'darwin'}

System environment variables:

  • PATH
  • TERM_PROGRAM
  • PIP_REQUIRE_VIRTUALENV
  • SHELL
  • TERM
  • PIP_PYTHON_PATH
  • etc.

Pipenv–specific environment variables:

  • PIPENV_ACTIVE: 1

Contents of Pipfile ('/Users/[redacted]/Pipfile'):

[[source]]
url = "https://pypi.org/simple"
verify_ssl = true
name = "pypi"

[packages]
boto3 = "*"
requests = "*"
six = "*"

[requires]
python_version = "3.6"

Contents of Pipfile.lock ('/Users/[redacted]/Pipfile.lock'):

{
    "[redacted]": ["snip"]
}

public class Hello {
    public static void main(String[] args) {
        System.out.println("Hello World!");
    }
}

… and then presumably one could continue after the diagnostics.

2
2

This is a test of a malformed link. Something similar was posted and detected by SmokeDetector, but deleted before I was able to see it on the SE site where it was posted.<a href="This is just to verify what SE does wrt. stripping the ">malformed tag. I believe I know what SE will do, but I want to double-check.

Additional test (currently Chrome only, if working):

IIRC, the last time I tested this the backend Markdown->HTML render broke this. It does appear to be working in the edit preview.

This is a link to a question which should highlight some text in Chrome.

1
2

Eye in the pyramid

Psych!

2

Test to determine if language specifier is case-sensative for this question

All lowercase:

```lang-python
for i in range(10):
    if i % 2:
        print(i)
```
for i in range(10):
    if i % 2:
        print(i)

All caps:

```LANG-PYTHON
for i in range(10):
    if i % 2:
        print(i)
```
for i in range(10):
    if i % 2:
        print(i)

Language name all caps:

```lang-PYTHON
for i in range(10):
    if i % 2:
        print(i)
```
for i in range(10):
    if i % 2:
        print(i)

All mixed caps:

```LaNg-PyThOn
for i in range(10):
    if i % 2:
        print(i)
```
for i in range(10):
    if i % 2:
        print(i)

Language name mixed caps:

```lang-PyThOn
for i in range(10):
    if i % 2:
        print(i)
```
for i in range(10):
    if i % 2:
        print(i)
1
2
3 4 5
8

You must log in to answer this question.

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