607

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.

85
  • 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 wizard arachnid Apr 1 '19 at 22:18
  • 11
    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
  • 12
    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
  • 5
    ‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‬‭‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‬‭‮ Such an odd comment...‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‬‭‮‬ – mindstormsboi Jun 18 '20 at 1:16
  • 2
    ‮sdrawkcab si tnemmoc sihT – Donald Duck Jul 4 '20 at 1:03
  • 1
    SOBotics Tool to get the source text of this comment. Single backslash and single backtick: \, `. Type: ``\``, `\``. – Sebastian Simon Jul 12 '20 at 23:23
  • 7
    Note: Do not remove @wizzwizz4's comment, or you will not know that you don't have to delete Bhargav Rao's comment. – Big Brother Jul 18 '20 at 11:49
  • 1
    ‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‬‭‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ ‬‬‭backward comment‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‮‭‬‭‭‬ ‭‮‬‬ – ppwater Nov 30 '20 at 1:32
  • 2
    @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???? – Pixelated Fish Jan 31 at 21:14
  • 2
    Oh, and [something](//) behaves just like [something](https://), too. – Sebastian Simon May 5 at 11:56

174 Answers 174

1

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

4
  • @MikeM. please don't hijack random post, even in sandbox. It cause inbox message to be sent, which some people consider as noise. Post your own answer and test comments as much as you want under that answer. Thanks. – Shadow Wizard Wearing Mask V2 Apr 11 '19 at 14:17
  • 1
    @ShadowWizard That's totally my bad. I didn't think anybody got pinged on community wiki. I meant to immediately delete that anyway. My apologies. – Mike M. Apr 11 '19 at 14:19
  • 2
    @MikeM. now post an apology for the second one 😅 – vlad_tepesch Apr 11 '19 at 14:26
  • 3
    @ShadowWizard you too for the now first one 🤣 – vlad_tepesch Apr 11 '19 at 14:27
1

This text is bold in the markdown preview --

1
a b c
test teeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee & eeeeee&e

test the edit

1

*your text*

blablabla fill this with more characters

1
A very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long line of code

-> Layout error.

Someone else already reported this in Revision page now fails the x-overflow - Code Review Meta Stack Exchange .

3
1

....... %APPDATA%\subversion\auth\ . ...... auth - 2021-02-04 - working after re-auth .....

1
  • %APPDATA%\subversion\auth\ . ...... auth - 2021-02-04 - working after re-auth ..... - looks like it works in comments as well. – Shadow Wizard Wearing Mask V2 Feb 4 at 13:04
1

Images

Images can be added primarily by using the editor toolbar button "insert image toolbar button" . This brings up a special interface that allows you to upload an image online (via the imgur hosting service) through us - even from your clipboard.
Alternatively, it can be input similarly to adding a link.

Clickable images

  • HTML <a href="https://example.com/img.jpg"><img src="https://example.com/img.jpg"></a>

  • Markdown [![Alt text](https://example.com/img.jpg)](https://example.com/img.jpg)

Non-clickable images

  • HTML <img src="https://example.com/img.jpg">

  • Markdown ![Alt text](https://example.com/img.jpg)

When uploading via the toolbar button "insert image toolbar button" , the image becomes clickable by default. This is preferable as the clicking feature is convenient for the readers of the post - especially for very wide images.


Validation of the examples above

Clickable images

  • HTML

  • Markdown Alt text

Non-clickable images

  • HTML

  • Markdown Alt text

1

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text


1

See

When <sup> and </sup> are in the same line:

<sup>this is a test of wheather backtics work in sup `test test`</sup>

this is a test of wheather backtics work in sup test test

^ Works

When <sup> and </sup> are in different lines:

<sup>
this is a test of wheather backtics work in sup `test test`
</sup>
this is a test of wheather backtics work in sup `test test`

^ Doesn't work

1

Syntax Highlighting Test


gibberishtag

function greet(person) {
    return "Hello " + person;
}

No tag match, no highlighting.

js

function greet(person) {
    return "Hello " + person;
}

There is no on SE Meta... I have no idea why this highlights.

lang-gibberishtag

function greet(person) {
    return "Hello " + person;
}

No language name match, default to lang-default

lang-js

function greet(person) {
    return "Hello " + person;
}

Language match, highlight as JavaScript.

lang-default

function greet(person) {
    return "Hello " + person;
}

For comparison

1
  • It looks like the fact that js highlights as JS here is a bit of a fluke. There is no [js] tag here on Meta SE, and it's not a synonym of anything else. I'm wondering if there's maybe a fuzzy matching mechanic at play somehow... Strange. – zcoop98 Mar 11 at 16:31
1

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

👍

1

Testing out how headers work:

hello

hello

hello

hello

5
  • Not like this ;) – Luuklag Apr 14 at 19:28
  • @Luuklag how do I correctly format then? I saw the post explaining how to do so with equal signs, triple bars, and dashes, but how do I do so with hashtags? – Ekadh Singh Apr 14 at 19:30
  • 3
    You need a space after the hashes. Like # Hello – Luuklag Apr 14 at 19:32
  • @Luuklag Or maybe they're just CommonMark hashtags. – Ollie Apr 14 at 19:32
  • 1
    @Yay For testing one type of thing I just repeatedly edit a single post, sometimes out-of-site (deleted), to avoid causing 10K+ users pain. – Ollie Apr 14 at 19:34
1

Dear Prof. Smith, Prof. Johnson, Prof. Lee, and Prof. Chun,

(note the “and”).

Also, is the email directly relevant to all four professors? Perhaps you should consider “CC’ing” someone that’s not so relevant (in which case the CC’d person need not be addressed in the salutation)?

It’s my first answer here so any feedback is appreciated.

1

This is a test answer to test out a potential bug with edit notifications. Let's see what happens if we add some text.

1

Zarya (Russian: Заря́, lit. 'Dawn'[b]), also known as the Functional Cargo Block or FGB (from the Russian: "Функционально-грузовой блок", lit. 'Funktsionalno-gruzovoy blok' or ФГБ), is the first module of the International Space Station to have been launched.[2] The FGB provided ...


Comment: [ -+- ]

Zarya (Russian: Заря́, lit. 'Dawn'[b]), also known as the Functional Cargo Block or FGB (from the Russian: "Функционально-грузовой блок", lit. 'Funktsionalno-gruzovoy blok' or ФГБ), is the first module of the International Space Station to have been launched.[2] The FGB provided ...


Comment: &#91; [ -+- &#93; ]

Zarya (Russian: Заря́, lit. 'Dawn'[b]), also known as the Functional Cargo Block or FGB (from the Russian: "Функционально-грузовой блок", lit. 'Funktsionalno-gruzovoy blok' or ФГБ), is the first module of the International Space Station to have been launched.[2] The FGB provided ...


We are here: https://meta.stackexchange.com/a/364246/282094

Test Answer: Does Cyrillic kill proper display of hyperlinks in comments, but not in posts?

https://en.wikipedia.org/wiki/Zarya

Zarya (Russian: Заря́, lit. 'Dawn'[b]), also known as the Functional Cargo Block or FGB (from the Russian: "Функционально-грузовой блок", lit. 'Funktsionalno-gruzovoy blok' or ФГБ), is the first module of the International Space Station to have been launched.[2] The FGB provided electrical power, storage, propulsion, and guidance to the ISS during the initial stage of assembly. With the launch and assembly in orbit of other modules with more specialized functionality, Zarya is now[when?] primarily used for storage, both inside the pressurized section and in the externally mounted fuel tanks.

3
1

Testing a thing with the new editor.

Here's a footnote link to Google

And a [bracket test].

1

Python test

>>> eval("public_variable+2", {"__builtins__" : None }, safe_dict)
12

>>> eval("private_variable+2", {"__builtins__" : None }, safe_dict)
Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
  File "<string>", line 1, in <module>
NameError: name 'private_variable' is not defined

>>> exec("print \"'%s' has %i characters\" % (public_function(), len(public_function()))", {"__builtins__" : None}, safe_dict)
'public information' has 18 characters

>>> exec("print \"'%s' has %i characters\" % (private_function(), len(private_function()))", {"__builtins__" : None}, safe_dict)
Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
  File "<string>", line 1, in <module>
NameError: name 'private_function' is not defined

empty paragrapgh

>>> eval("public_variable+2", {"__builtins__" : None }, safe_dict)
12

>>> eval("private_variable+2", {"__builtins__" : None }, safe_dict)
Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
  File "<string>", line 1, in <module>
NameError: name 'private_variable' is not defined

>>> exec("print \"'%s' has %i characters\" % (public_function(), len(public_function()))", {"__builtins__" : None}, safe_dict)
'public information' has 18 characters

>>> exec("print \"'%s' has %i characters\" % (private_function(), len(private_function()))", {"__builtins__" : None}, safe_dict)
Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
  File "<string>", line 1, in <module>
NameError: name 'private_function' is not defined

empty paragrapgh

>>> eval("public_variable+2", {"__builtins__" : None }, safe_dict)
12

>>> eval("private_variable+2", {"__builtins__" : None }, safe_dict)
Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
  File "<string>", line 1, in <module>
NameError: name 'private_variable' is not defined

>>> exec("print \"'%s' has %i characters\" % (public_function(), len(public_function()))", {"__builtins__" : None}, safe_dict)
'public information' has 18 characters

>>> exec("print \"'%s' has %i characters\" % (private_function(), len(private_function()))", {"__builtins__" : None}, safe_dict)
Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
  File "<string>", line 1, in <module>
NameError: name 'private_function' is not defined
1

I need this answer for a thing™

Because I can't fall under 30 characters, here's some copy-pasta from the question:

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:


The Thing:

I also need an edge case.

I also need an edge case?

I also need an edge case.

I also need an edge case?

1

Testing if powershell does syntax highlight when specified:

. "$PSScriptRoot\third.ps1"
#get $Current  = second.ps1
#get $Caller   = first.ps1 
#get $Original = first.ps1 
$wc = new-object System.Net.WebClient
$wc.Headers.Add("user-agent", "PowerShell Script")
$wc.Proxy.Credentials = [System.Net.CredentialCache]::DefaultNetworkCredentials 
$action = [System.IO.Path]::GetFileNameWithoutExtension($myInvocation.MyCommand.Name)
. "$PSScriptRoot\third.ps1"
#get $Current  = second.ps1
#get $Caller   = first.ps1 
#get $Original = first.ps1 
$wc = new-object System.Net.WebClient
$wc.Headers.Add("user-agent", "PowerShell Script")
$wc.Proxy.Credentials = [System.Net.CredentialCache]::DefaultNetworkCredentials 
$action = [System.IO.Path]::GetFileNameWithoutExtension($myInvocation.MyCommand.Name) 
. "$PSScriptRoot\third.ps1"
#get $Current  = second.ps1
#get $Caller   = first.ps1 
#get $Original = first.ps1 
$wc = new-object System.Net.WebClient
$wc.Headers.Add("user-agent", "PowerShell Script")
$wc.Proxy.Credentials = [System.Net.CredentialCache]::DefaultNetworkCredentials 
$action = [System.IO.Path]::GetFileNameWithoutExtension($myInvocation.MyCommand.Name)
. "$PSScriptRoot\third.ps1"
#get $Current  = second.ps1
#get $Caller   = first.ps1 
#get $Original = first.ps1 
$wc = new-object System.Net.WebClient
$wc.Headers.Add("user-agent", "PowerShell Script")
$wc.Proxy.Credentials = [System.Net.CredentialCache]::DefaultNetworkCredentials 
$action = [System.IO.Path]::GetFileNameWithoutExtension($myInvocation.MyCommand.Name) 
Get-Module -Name "VMWave.*" | ForEach-Object { Import-Module $_; Write-Host "Imported Module $_"}
1

Placeholder 4️⃣ some tests…


text


text

Testing backslash:

@backslash not showing, right?

Code:

\@backslash not showing, right?
1

Test which numbers get interpreted as a link by my phone:

Yes Safari: Why does nobody look at my question, it only has 10000000000000000 views

Yes Safari not including last three 0s, DuckDuckGo not including last three 0s: Why does nobody look at my question, it only has 10 000 000 000 000 000 views

Yes Safari, DuckDuckGo: Why does nobody look at my question, it only has 1000000 views

Yes Safari: Why does nobody look at my question, it only has 42000000000000000 views

Yes Safari: Why does nobody look at my question, it only has 10000000000000000,0 views

1

Testing a table not preceded by an empty line: | | | | |---|---|---| |Bandwidth |XOUT, YOUT No external filter| 1600 Hz| |Bandwidth |ZOUT No external filter |550 Hz| |RFILT Tolerance| |32 ± 15% kΩ| |Sensor Resonant Frequency| |5.5 kHz|

❌ Oops! Does not work.


Testing a table preceded by an empty line:

Bandwidth XOUT, YOUT No external filter 1600 Hz
Bandwidth ZOUT No external filter 550 Hz
RFILT Tolerance 32 ± 15% kΩ
Sensor Resonant Frequency 5.5 kHz

✅ Works just fine.

1

Well, you clicked on the text!

var i = document.getElementsByTagName('p')[0];
var j=0;
for (j=0; j<=1000; j++) {
  i.innerHTML+="&nbsp;"+j;
}
*{word-break:break-word;}
<p>hello world!<br></p>

(function (window, init) {
    window.addEventListener("DOMContentLoaded", init);
})(window, function () {
    function getRandom(min, max) {
        return Math.floor(Math.random() * (max - min) + min);
    }
    (function (draw) {
        draw();
    })(function () {
        var ctx1 = document.getElementById("canvas1").getContext("2d");
        // ugly image #1
        for (j = 0; j <= 3600; j += 60) {
            for (i = 20; i <= 3600; i += 20) {
                ctx1.beginPath();
                ctx1.moveTo(j, 0);
                ctx1.lineTo(100, i);
                ctx1.stroke();
            }
        }
        // ugly image #2
        var ctx2 = document.getElementById("canvas2").getContext("2d");
        for (i = 0; i < 99999; i++) {
            ctx2.beginPath();
            var color = "rgb(" + getRandom(0, 255) + "," + getRandom(0, 255) + "," + getRandom(0, 255) + ")";
            ctx2.strokeStyle = "";
            ctx2.strokeStyle = color;
            ctx2.moveTo(getRandom(0, 400), getRandom(0, 400));
            ctx2.lineTo(getRandom(0, 400), getRandom(0, 400));
            ctx2.stroke();
        }
        // ugly image #3
        var ctx3 = document.getElementById("canvas3").getContext("2d");
        for (k = 0; k < 50; k++) {
            var color = "rgb(" + getRandom(0, 255) + "," + getRandom(0, 255) + "," + getRandom(0, 255) + ")";
            ctx3.strokeStyle = "";
            ctx3.strokeStyle = color;
            ctx3.beginPath();
            ctx3.arc(getRandom(0, 200), getRandom(0, 200), getRandom(0, 200), 0, 2 * Math.PI, false);
            ctx3.stroke();
        }
    });
    (function (addAnchor) {
        addAnchor();
    })(function () {
        var link = document.getElementById("reload");
        var hash = BigInt(getRandom(100000000000000000000000000000000000000000000000000000000000000000000000, 999999999999999999999999999999999999999999999999999999999999999999999999));
        link.href = "./?hash=" + hash;
    });
});
canvas {
    max-width:600px;
    resize:both;
}
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Canvas Experiment</title>
</head>
<body>
    <h1>Art Fair <a href="?hash=" id="reload">generate new samples</a></h1>
    <h2>Ropes</h2>
    <canvas id="canvas1" style="width:100%; border:1px solid black; height:100%;">
        <p>AAAAAAAAA... <a href="https://chrome.com">AAA AAAAA AAAAAAAAAAA AAAAAA AAAAAA?</a></p>
    </canvas>
    <h2>Everyone Sees Something Different: 99999 Lines</h2>
    <canvas id="canvas2" style="width:100%; border:1px solid black; height:100%;">
        <p>AAAAAAAAA... <a href="https://chrome.com">AAA AAAAA AAAAAAAAAAA AAAAAA AAAAAA?</a></p>
    </canvas>
    <h2>A Bunch of Circles (50 to be exact)</h2>
    <canvas id="canvas3" style="width:100%; border:1px solid black; height:100%;">
        <p>AAAAAAAAA... <a href="https://chrome.com">AAA AAAAA AAAAAAAAAAA AAAAAA AAAAAA?</a></p>
    </canvas>
</body>
</html>

var $password = 'pass';
document.querySelector('[type=password]').pattern = $password;

function hideAll() {
  var $x = document.getElementsByTagName('center');
  for (var $i = 0; $i < $x.length; $i++) {
    $x[$i].style.display = 'none';
  }
}

function login() {
  hideAll();
  document.getElementById('complete').style.display = 'block';
}

function logout() {
  hideAll();
  document.getElementById('login').style.display = 'block';
}

function forgot() {
  hideAll();
  document.getElementById('forgot').style.display = 'block';
  var $random = Math.random();
  $random = Math.round($random * 10000);
  document.querySelector('[type="password"]').pattern = $random;
  document.getElementById('reset').innerHTML = 'New password: ' + $random;
}

function showLogin() {
  hideAll();
  document.getElementById('login').style.display = 'block';
}
center:not(#login) {
  display: none;
}

input:not([type="submit"]) {
  border: none;
  outline: none !important;
  width: 100%;
}
* {
  font-family: Arial;
}
<center id="login">
  <h2>Log In</h2>
  <a href="#" onclick="forgot()">Forgot Password</a>
  <form action="javascript:;" onsubmit="login()">
    <fieldset>
      <legend>Username</legend>
      <input type="text" required="required" />
    </fieldset>
    <fieldset>
      <legend>E-mail</legend>
      <input type="email" required="required" />
    </fieldset>
    <fieldset>
      <legend>Password (default: pass)</legend>
      <input type="password" required="required" />
    </fieldset>
    <input type="submit" value="Log In" />
  </form>
</center>
<center id="complete">
  <h2>Logged In</h2>
  <a href="#" onclick="logout()">Log Out</a>
</center>
<center id="forgot">
  <h2>Password Reset</h2>
  <p id="reset"></p>
  <a href="#" onclick="showLogin()">&laquo; Back</a>
</center>

0

test post please ignore 30 characters

test edit

3
0

С#:

public string X {get; set;}

default:

public string X {get; set;}
0
0

Very good! Fantastic! Very good! Fantastic! Very good! Fantastic!frefferfgerger

This is a test.

Still a test.

  • List item

I keep testing.

Until it breaks.

  • Another list item

    And it doesn't break if you indent by 4 spaces

0

asdhskdhflsdhfjak

3
  • Um... I don't understand what's going on in this answer – mindstormsboi Jun 9 '20 at 13:36
  • 2
    @mindstormsboi Formatting sandbox answers are typically nonsensical. I wouldn't worry about them too much, unless they're Rude/Abusive. – Spevacus Jun 9 '20 at 13:58
  • yeah, just testing things – FireCubez Jun 9 '20 at 14:50
0

Escaped characters in comments.

2
  • _/\_ renders like this: _/_ – ChrisW Jun 21 '20 at 7:52
  • _/\\_ renders like this: _/\_ – ChrisW Jun 21 '20 at 7:53

You must log in to answer this question.

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