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

    While not hinted otherwise: <html></html> source <b>goes</b> "here".
    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.


286 Answers 286

6 7 8

Something for me to edit. I need more characters. Hi. This is text that I'm adding. Hiiiii. Hi again Test. Another thing.


Testing for the truck hat.

More words since body requires 30 characters.


To create a link, use text here

This is that


<\!--> <file_check type="TEST" option="Test"> 1 </file_check>


[draft for something else.]

Note: This question is off-topic for Stack Overflow. See How to download video with blob url? on Super User instead.


first line second line

first line

second line

first line
second line

first line with two spaces at the end
second line


The Question.

In July 2015, the insert image feature of the toolbar of the Stack Exchange markdown editor was changed (shortcut Ctrl+G, displayed as the icon "toolbar button to insert image" ).

The behavior since then has been to make the image clickable by default - by adding an extra link to the image itself.1, 2

But the official help pages - Meta Stack Exchange markdown formatting help on how "images can be added primarily by using the the editor toolbar button "toolbar button to insert image"
" (see Images at the bottom of the page) and Meta Stack Overflow markdown editing help on images - have still not been updated to reflect this change (now more than five years later).

Shortly after I posted this question/request, a moderator and Senior Product Support Specialist wrote in a comment that the syntax for images was not changed and is still the same, concluding the syntax in the help pages is correct. - Which indeed is true if you take on a very narrow fail-of-conformity attitude concerning what help and guidance is needed to settle whether a suggested edit should be accepted or rejected.

Let me use a pilot case to explain why I think that a well-thought-out update of the help pages would benefit us all. To see the revision history of the question I have in mind, click on the image below, possibly holding down Ctrl+Shift (if you want it to open in a new tab).

Revision history of question Converting a POSTMAN request to Curl.

If you study the revisions of that question, you will notice that edit number 2 was rolled back. The editor who rolled it back commented: @Henke That edit has made the post worse.

Just to be clear - I completely agree that rolling back the edit was the right thing to do. But the question remains: on what grounds? Just referring to gut feeling? Or by saying the edit made the post worse? Without any further references this is simply not good enough or acceptable as a motivation. Out of respect for both the editor and the reviewers we must be capable of doing better than that!

Let me for a moment put myself in the shoes of the editor/reviewers of the edit that made the image non-clickable. Suppose I go to one of the help pages, such as the Meta Stack Exchange help about adding images. The current content about images is shown below.3

Meta Stack Exchange help on how to add an image

If the editor in this case did their homework and read the help page, they would conclude that an image can be input similarly to adding a link by using the suggested syntax:4
![sample image](https://example.com/img.jpg)
Judging from this help page neither the editor nor the reviewers did anything wrong!

Why on earth would they look any further? In my mind this is exactly how a help page is supposed to work. You look up whatever information you need and apply whatever syntax you find there. Bear in mind that a first-time reader might not even consider that an image could be clickable.

I have taken the liberty of supplying an answer of my own, so that you can vote it up or down however you like.5

When can we expect the help pages to be updated?

From now on, the image uploader automatically wraps images in a link to themselves
Meta Stack Exchange help on how to add an image via "toolbar button to insert image"
Meta Stack Overflow Markdown Editing Help: Images
The recommended syntax for an image with a link
Extra square brackets and numbers when using automated link or add picture feature in ...
Why does the images index on Stack Overflow appear twice?

1 The previous default behavior was to just display the image - without any click link.
2 If you are curious to learn more about how this works, see the reference list. - Or simply click the Edit feature of this question and start reading the markdown code. I have included a few different styles and methods on how to make an image clickable or non-clickable.
3 If you find it difficult to read the text in the image, click on it, and then on the back arrow of your web browser.
4 Of course, this syntax will not result in a clickable image.
5 There is nothing personal about these downvotes. It is just an elegant way of finding out the opinion of the community as a whole.


const words = ['save', 'hello', 'world', 'save'];
_.forEach(_.filter(words, elem => { return elem==='save' }),
  word => { console.log(word+' '); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.19/lodash.js"></script>

#include <MsgBoxConstants.au3>

Global $timeout = 3


Func example_1()
    Local $returnValue = MsgBox($MB_YESNO, "Example", "Press a button :-)")

    If $returnValue = $IDYES Then
        MsgBox($MB_OK, "OK", "You pressed Yes!", $timeout)
        MsgBox($MB_OK, "Ok", "You pressed No!", $timeout)
EndFunc   ;==>example_1

Func example_2()

    Switch MsgBox($MB_YESNOCANCEL, "Example", "Press a button :-)")
        Case $IDYES
            MsgBox($MB_OK, "OK", "You pressed Yes!", $timeout)
        Case $IDNO
            MsgBox($MB_OK, "OK", "You pressed No!", $timeout)
        Case $IDCANCEL
            MsgBox($MB_OK, "Cancel", "You pressed Cancal!", $timeout)
EndFunc   ;==>example_2

Footnotes are weird

testaabbc [^1]

test2 ^2

test 3 3

[^1]: The URL is https://www.google.com


Testing Rollbacks

Just a test answer to get my hands on rollbacks. Edit 1111 Edit 2222


But what if, hear me `out, I just place

a backtick and

let it do whatever`?

Because inline is fine, but if it's multiline, does it disallow blanks?

what if a paragraph is awkwardly placed?

what about inline single, double, triple?


this is also 
    a part of the block

testing some testz



This is a test for a crude markdown "parser" (which is really more of an identifier than anything else, but I have a lot of edge-cases to test). Though using a unit test would make this easier, wouldn't it?

This is plain text. This is plain text after a newline.

This is plain text after a blank line. This is not a code block

This is a code block

And here's some text

and another block

Followed by text

And here's even more text

 ... and (you guessed it)
another block
std::cout << "Followed by backticks" << std::endl;
print("Immediately followed by another block")

With an inline triple start, followed by double and single, and some random bold, because why not?

also a link (inline), and another link that's named.

This is not an image

And neither is this

... but pretends to be one on a TV show.:tm:


One column table |C| |-| |1|


Is this the only sentence?


I can't type Hi, in the beginning!

  Epcot Center  

Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.

Id Value
7E38AD4A-4C6E-40D9-B805-08C1F4EE14D0 1,370
E48A0A4A-6E6C-41A8-B379-0E14452938C6 1,200
  • code
  •  full line code
  1. code
  2. full line code

This comes from https://stackoverflow.com/a/71021836/2987828 and adding newlines before and after the table doesn't help, at least there.

To enter a permanent breakpoint in python3.7+, insert the expression breakpoint() in the source file. No more need to import anything, even pdb. In non-compiled Matlab the equivalent to breakpoint() is the statement keyboard.

The global picture is that after python's debug prompt (Pdb) (shown by breakpoint()) you add ! before non-debugging commands, whereas after Matlab's debug prompt K> you add db before debugging commands.

I am also migrating from Matlab to Python. I am used to debugging inside matlab -nodisplay, and am switching to python3.10 without IDE. These are pretty similar. So I will continue this debugging-related rosetta stone.

You can create other breakpoints, using command tb or b, from that (Pdb) prompt (or in your file $HOME/.pdbrc). As their Matlab's counterpart dbstop, you can set them for another file, another line and let them be conditional.

Here is a short rosetta stone:

python python's available shortcut Matlab
breakpoint() keyboard
where w dbstack
cont c dbcont
up u dbup
down d dbdown
step s dbstep
next n dbnext
print expression p expression expression
!nonlocal var;var= var=
break b dbstop and dbstatus
clear cl dbclear
list l dbtype
display d variable window

Matlab does have no equivalent for:

  • ignore n p (n-th breakpoint will only trigger prompt after p-th execution)
  • prettyprint expression (shortcut: pp)
  • jump codelinenumber (shortcut: j)

I still don't know if Python has any usable equivalents for save and load, evalin(caller,expr), and plots while debugging.



Raw links

Formatting Sandbox
Formatting Sandbox

Links + Markown

Normal Italic Bold Inline code Keyboard (style wrapping link) Keyboard (link wrapping style)

Blockquote (HTML "A" tag)

Blockquote (Markdown "[text][1]")

HTML <pre> is nessesary for code block. Weirdly enough they doesn't have the same color (at least in the preview):

Code block (HTML "A" tag)

Code block (Markdown "[text][1]")

Code Snippets works ! (Doesn't work with Markdown "[text][1]")

"Special" links:

Top of the page
Bottom of the page


Enter ↲

  1. Testing a strange bug:
    • testing something

test test test test test test test

  • two corrections and a related reference: Mar 6, 2022 at 11:50
  • *? and +? and ?? and {2,3}? in PCRE are called the lazy quantifiers, also called: reluctant, non-greedy, ungreedy. Not to be confused with the possessive quantifiers *+ and ++ and ?+ and {m,n}+ Mar 6, 2022 at 11:53
  • Vim’s idiosyncratic regex syntax differs from PCRE: /x*\? and /x\+\? and /x\?\? and /x\{2,3}\? yield errors in Vim. (And in /x*? etc., Vim parses the ? as a literal.) Instead, the equivalents among Vim’s lazy quantifiers are: /x\{-} and /x\{-1,} and /x{-,1} and /x\{-2,3} Mar 6, 2022 at 11:53
  • • Likewise, Vim does not have *+ etc.. It does not even have any possessive quantifiers in the narrow sense. But it provides the same functionality via atomic grouping: For PCRE’s x*+ and x++ and x?+ and x{m,n}+ equivalents in Vim are: \(x*\)\@> (alternative \v very magic syntax: \v(x*)@>) and \v(x+)@> and \v(x?)@> and \v(x{m,n})@> Mar 6, 2022 at 11:53

Why does this happen? Is there a bug fix?

It seems the reason is that @types/react is a missing dependency in eslint-config-react-app so the obvious bug fix is to add @types/react manually to your project by running :

npm install @types/react

VS Code's autocompletion through Ctrl + space now correctly suggests react. 1

VS Code's autocompletion now correctly suggests 'react'.

Installing @types/react adds "@types/react": "^18.0.0", in your package.json under "dependencies" :

  "name": "reactjs-app",
  "scripts": {
    "dev": "next dev"
  "dependencies": {
    "@types/react": "^18.0.0",
    "next": "^12.1.4",
    "react": "^18.0.0",
    "react-dom": "^18.0.0"
  "devDependencies": {
    "eslint": "^8.12.0",
    "eslint-config-react-app": "7.0.0"
  "eslintConfig": {
    "extends": [

1 If it doesn't work, try restarting VS Code.
e error
0 0%
0.3 0.0000002%
0.5 0.000046 %
0.6 0.00037 %
0.8 0.0153 %
0.9 0.1074 %
0.99 1.4150%
0.999 2.93 %
1 4.1262 %
6 7 8

You must log in to answer this question.

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