格式化沙箱

![image of a unicorn][TooltipImg2]
[TooltipImg2]: https://i.stack.imgur.com/7I1jg.jpg (Tooltip2)

[![image of a unicorn][ImgSrc]][1]
[ImgSrc]: https://i.stack.imgur.com/7I1jg.jpg
[1]: https://meta.stackexchange.com

Equals Signs!
===

Dashes!
---

Triple Bar!
≡≡≡

---
***
______

- - -
* * *
_ _ _ _ _ _

-  -  -
*   *   *
_    _    _    _    _    _

-   -          -
*    *       *
_    _      __      _                   _

> First level!
>> Second level!
>>> Third level!
>>
>> Need blank line and one less < to go back to second.
>
> Same idea for back to first.

> Enjoy **this** `unicorn`!
>
> ![image of a unicorn](https://i.stack.imgur.com/7I1jg.jpg)

>     System.out.println("Hello World!");

> Inline: `System.out.println("Hello World!");`

> Code fence:
> ```
> System.out.println("Hello World!");
> ```

System.out.println("Hello World!");

System.out.println("Hello World!");

+ One
- Two
* Three

+Necessary

/ No
% No
^ No
= No

1. One
10. Two
42. Three

1.Necessary
1.Necessary

1 Necessary
1 Necessary

1. Same line
    Continuation of the same line
1. Next line
Not indented
1. Next line
    Continuation of the same line

/>说明



标题
标题


段落
文本

>




脚注


不支持

1. Top level
    * Mid level
        1. Bottom level
    * Mid level
        * Bottom level
1. Top level
    1. Mid level
        + Bottom level

带脚注的文本：[ ^ 1]


[^ 1]：脚注文本
标题内的ID


括号内的部分未转换为“ id标头元素中的“”属性。

1. Top level

        System.out.println("Indented");

    ```
    System.out.println("Code fence");
    ```

    Inline: `System.out.println("Inline");`

标头{＃with-id}


删除线


不支持

 System.out.println("Indented");

~~不正确~~


尽管如此，您也可以使用HTML > Quoting something else标记代替： />

不支持

System.out.println("Code fence");

第一个术语
：第一个定义
：第二个定义
第二个术语
：第一个定义
：第二个定义


任务列表


不支持；成为无序列表。

1. Top level

    > Quote is indented.

> Quote is not indented.

[x]执行测试
[x]编写答案
[]执行更正



Markdown的Stack Exchange扩展
标签


括在方括号>No space between > and text中，文本以>开头。字母变为小写。它们链接到该标签的主站点的标签页面。

\ \` \* \_ \{ \} \[ \] \( \) \# \+ \- \. \!

mytag大写字母，带有1个数字


允许的字符：字母数字加有限的标点符号：单独的>，\> I want a `>`!和

| Syntax | Description |
| ----------- | ----------- |
| Header | Title |
| Paragraph | Text |

允许使用字符。
cccccc


剥离了>，但标签仍然形成。

Text with footnote: [^1]

[^1]: Footnote text

剥离了领先的unicorn，但标记仍然形成。

# Header {#with-id}

c＃c​​ ## cccc #######




允许使用System.out.println("Hello World!");字符，但是如果它们位于中间，则必须至少包含2个。

  ~~Incorrrect~~

领先的+被剥夺了，但标记仍然形成。

First Term
: First definition
: Second definition
Second Term
: First definition
: Second definition

c + c ++ c c c c c ++++++++




元标记：使用-前缀。它们链接到该标记的元站点的标记页。

- [x] Perform tests
- [x] Write answer
- [ ] Perform corrections

某些元标记名称具有特殊的样式。
错误讨论功能-请求支持
社区广告常见问题解答特色状态（按设计）状态拒绝状态递延状态已完成状态-norepro状态计划中的状态-审查状态复制的状态





某些单词，无论大小写，都不构成标签，无论大小写还是元标记。没有其他单词（不超过4个字母）不构成标签。单词“和”和“或”不会形成标签。在预览中，“ not”不会形成标签，但实际的帖子会呈现它。预览按文本显示它们，例如*，但该帖子将显示为System.out.println("Inline");。 >

扰流板


用<strike>创建扰流板：

  [tag:mytag] [tag:UPPERCASE] [tag:with1number]

您必须单击我才能查看我！



降价，包括链接和图像，可以包含在扰流板中。

  [tag:abcdefghijklmnopqrstuvwxyz-#.ABCEDFGHIJKLMNOPQRSTUVWXYZ0123456789]

访问Meta Stack Exchange以查看此内容图片。




语法突出显示

在受支持的地方，立即插入HTML注释，该注释指定以下代码块的语言跟着它。除非指定了自己的语法突出显示，否则后续代码块不会突出显示。 （诸如Stack Overflow之类的站点将根据问题标签推断语法突出显示，从而使该提示不再必要。）

  [tag:c-] [tag:c--] [tag:-c] [tag:--c] [tag:-----c] [tag:c-------]

 [] 

  [tag:c.] [tag:c..] [tag:.c] [tag:..c] [tag:.....c] [tag:c.......]

使用tag:突出显示后续代码块。

  [tag:c#] [tag:c##] [tag:#c] [tag:##c] [tag:#####c] [tag:c#######]

 - 

 # 

Java以外的其他工具

 . 

 - 

 . 

 # 

 + 

 + 

 meta-tag: 

 [tag:Or] 

 or 

 >! 

 System.out.println("Hello World!");
 

 language-all 

 System.out.println("Hello World!");
 

 System.out.println("Highlighted.");
 

 <!-- language: lang-bash -->
        
    echo "Hello World!"
 

 echo "Hello World!"
 

 <!-- language: lang-c -->
        
    printf("Hello World!\n");
 

 printf("Hello World!\n");
 

代码围栏语言提示

 <!-- language: lang-cpp -->
        
    std::cout << "Hello World!" << std::endl;
 

 std::cout << "Hello World!" << std::endl;
 

您还可以使用<!-- language: lang-cs --> Console.WriteLine("Hello World!"); 让荧光笔猜测要使用的语言。
允许HTML
仅一些基本HTML元素已列入白名单。同样，这些标记中的仅某些属性也会被列入白名单。如果指定，它们必须井井有条！不满足这些要求的内容将从内容中完全删除。



Console.WriteLine("Hello World!"); ：<!-- language: lang-js --> console.log("Hello World!"); ，然后console.log("Hello World!");

 <!-- language: lang-json -->
        
    {
        "message":"Hello World!"
    }
 

元堆栈交换


{ "message":"Hello World!" } 或<!-- language: lang-perl--> print "Hello World!\n"; ：没有属性

 print "Hello World!\n";
 

粗体


<!-- language: lang-python--> print("Hello World") ：无属性

 print("Hello World")
 

是或不是，这就是问题。


<!-- language: lang-ruby--> puts "Hello World!" ：没有属性

 puts "Hello World!"
 

```java System.out.println("code fence highlighting"); ``` 或System.out.println("code fence highlighting"); ：没有属性

 lang-default 

那是不对的。甚至没有错。正确。


<a>，href和title：没有属性

   <a href="http://meta.stackexchange.com/" title="Tooltip">_Meta Stack Exchange_</a>
 

SO
堆栈溢出
SE
堆栈交换



<b>或<strong>：没有属性

   <b>Bold</b> and <strong>Strong</strong>
 

强调和斜体


<blockquote>， <blockquote>To be or not to be, that is the question.</blockquote> 和<br>：没有属性

   Put it on the<br>next line.
 

一个
两个
三个
四个
五个
六个


<del>：没有属性

 <strike> 

思想的结尾
下一个思想


<del>That's not right.</del> <strike>That's not even wrong.</strike> Correct. ：<dl>然后<dt>然后<dd>然后<dl> <dt>SO</dt> <dd>Stack Overflow</dd> <dt>SE</dt> <dd>Stack Exchange</dd> </dl> 然后<em>

 <i> 

指定 <em>Emphasis</em> and <i>Italic</i> 或<h1>之一校正图像；必须同时指定两者才能更改纵横比。它们不能是<h2>，最大不能超过999。

 <h3> 

 <h1>One</h1>
<h2>Two</h2>
<h3>Three</h3>
<h4>Four</h4>
<h5>Five</h5>
<h6>Six</h6>
 

 <hr> 

   End of thought <hr> Next thought
 

 <img> 

支持动画gif。

 src 

width：无属性

 height 

abcdefghijklmnopqrstuvwxyz！@＃$％^＆*（）-_ ==``〜[{{}} | ;; ::'，<。> /？0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ


嵌套的alt元素是允许的。

 title 

<img src="https://i.stack.imgur.com/7I1jg.jpg" alt="image of unicorn" title="Tooltip"> 或width与height：px可以具有 <img src="https://i.stack.imgur.com/7I1jg.jpg" width="999">

   <img src="https://i.stack.imgur.com/7I1jg.jpg" width="100">
 

第一
第二
>

其他内容
其他



从所需的数字开始，直到231-1。

   <img src="https://i.stack.imgur.com/7I1jg.jpg" height="999">
 

首先




<img src="https://i.stack.imgur.com/7I1jg.jpg" width="999" height="100"> ：无属性

   <img src="https://i.stack.imgur.com/7I1jg.jpg" width="100" height="999">
 

Paragraph1
Paragraph2


<img src="https://i.stack.imgur.com/AXtId.gif"> ：无属性

 <kbd> 

  [tag:abc+def] [tag:abc++def] [tag:abc++++++++++++++++++++def]

<kbd>abcdefghijklmnopqrstuvwxyz!@#$%^&*()-_=+`~[{]}\|;:'",<.>/?0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ</kbd> 和<kbd>：没有属性

     <kbd>Outer<kbd>Nested</kbd></kbd>

<kbd>Outer<kbd>Nested</kbd></kbd>
 

x2 + A0


它们可以嵌套。

 <ol> 

abcdef




不支持其他，包括：<ul>，<li>，<ol>，start。
< pre class =“ lang-html prettyprint-override”> <ol><li>First</li><li>Second</li></ol> <ul><li>Something</li><li>Else</li></ul>
红色文本？

   <ol start="2147483647"><li>First</li></ol>
 

红色文本？

 <p> 

红色文本？

   <p>Paragraph1</p><p>Paragraph2</p>
 

不支持


转义您的<pre>

   <pre>System.out.println("Hello World!");</pre>
 

HashMap

 <sup> 

<sub>

   x<sup>2</sup> + A<sub>0</sub>
 

HashMap


Unicode
表情符号

   a<sup>b<sup>c<sup>d<sub>e<sup>f</sup></sub></sup></sup></sup>
 

☺🐉
从右向左

 font 

ABCDEF
Zalgo
Z̸̧̦̥͔̻̞̟͔͒̓̄̓͐͆͋̃̅͆̓͘̚͝͝à̷̛̜͇̺̖̯̭͓̱̱̣̺̲̪̰l̷̢̳̤̮͈͎̩̱̳̱̱̞͆͂̽̀̃͒̿̄̅͊͘͘̚͠͝ͅg̷͙͋o̶̧̩̓̓͌̄͊͐̓̇̏͝ ̶̛͚͖͍̦͕̞͈͆̋̓̈̏̈̓ˈ̅͆͘͜t̸̸̬̮̖̖͙͔̮̬̮̖̖͙͔̮͊̔͊͌́͊̔͊͌́͒̇͒̽̑̎̚̕͠ė̶̖̰̬͙͙̇̈͌͘͜͜x̴͔̎t̶̖́̒̏͒͌̈́̏͊̒̉́̿̀̈ͅͅé̷̦̰̻̤̲̺̠̏͒̉͛̍͌̍ͅr̶̩̯̱̜͆̌̾͌̑̇¿͒̃̀̽̍̚é̴̜̉̇̿̈́͌̕.̸̢̱͔̲̫̇͌̽̌͂͊͊̈́̇

评论

---

粗体，斜体，粗体斜体，System.out.println（“代码格式”）;，无引用链接。

– rgettman
19 Mar 27 '19在23:35

---

仅评论魔术链接：[meta] [meta]，[main] [main]，[edit]编辑，[help]帮助中心，[help / on-topic]帮助中心，[help / dont-ask]帮助中心， [help / behavior]帮助中心，[meta-help]帮助中心，[tour]导览，[so]堆栈溢出，[su]超级用户，[sf]服务器故障，[meta] Meta Stack Exchange，[a51]区域51，[se]堆栈交换，[pt.so]堆栈溢出，葡萄牙语，[chat]元堆栈交换聊天，[询问]如何提问，[answer]如何回答，[astronomy.se]天文学，[数学]。 se]数学，[meta.astronomy.se]，天文学Meta，[meta.math.se]数学Meta，[mcve] [mcve]。

– rgettman
19 Mar 27 '19 23:45

---

Unicode字符起作用：̶ₐₑᵢₒᵤₐₑᵢₒᵤ̶̶̶̶̶̶̅͆̅͆̅͆̅͆̅͆͒̇͒̽̑̎͘͘͘͘͘̚̕͜͜͜͜͜͠ė̶̖̰̬͙͙̇̈͌͘͜͜ ͒̇͒̽̑̎̚̕͠ė̶̖̰̬͙͙̇̈͌͘͜͜ ͒̇͒̽̑̎̚̕͠ė̶̖̰̬͙͙̇̈͌͘͜͜ ͒̇͒̽̑̎̚̕͠ė̶̖̰̬͙͙̇̈͌͘͜͜ ͒̇͒̽̑̎̚̕͠ė̶̖̰̬͙͙̇̈͌͘͜͜ ̿̀̈ͅ ̿̀̈ͅ ̿̀̈ͅ ̿̀̈ͅ ̿̀̈ͅ

– rgettman
19 Mar 27 '19在23:52

---

**我爱RTLO！它使评论变得疯狂。**

–user495830
19 Mar 30 '19在22:15

---

为什么这么长呢？！？！？它占据了页面的一半以上！

–书房
19年4月2日，下午1:38

---

@Bookwyrm事实证明，有很多功能可以测试，例如@自动回复。注释不得超过600个字符。注释不得超过600个字符。注释不得超过600个字符。注释不得超过600个字符。注释不得超过600个字符。注释不得超过600个字符。注释不得超过600个字符。注释不得超过600个字符。注释不得超过600个字符。注释不得超过600个字符。通讯

– rgettman
19年4月9日在19:04

---

粗体斜体格式粗体斜体标记链接：waffles Hover for popup

– rgettman
19年4月9日在20:29

---

𝐛𝐨𝐥𝐝。 𝑖𝑡𝑎𝑙𝑖𝑐。 𝒊𝒕𝒂𝒍𝒊𝒄。粗体𝐛𝐨𝐥𝐝。粗体𝑖𝑡𝑎𝑙𝑖𝑐。粗体𝑼𝒏𝒊𝒄𝒐𝒅𝒆。斜体𝐔𝐧𝐢𝐜𝐨𝐝𝐞。斜体𝑈𝑛𝑖𝑐𝑜𝑑𝑒。斜体𝑼𝒏𝒊𝒄𝒐𝒅𝒆。粗体和斜体。粗体和斜体。粗体和斜体。

– rgettman
19年4月9日在20:37

---

ⓑⓤⓑⓑⓛⓔⓢ，🅕🅘🅛🅛🅔🅓，🄟⒜⒭⒠⒩⒯⒣⒠⒮⒤⒵⒠⒟ ⒮，C̷h̷i̷c̷k̷e̷n̷s̷c̷r̷a̷t̷c̷h̷e̷s̷，U͟n͟d͟e͟r͟l͟i͟n͟e͟d͟，SᴍᴀʟʟCᴀᴘs，𝓉ℯ𝓍𝓉，𝓉ℯ𝓍𝓉𝓽𝓮𝔁𝓽，𝓽𝓮𝔁𝓽，当然还有█████████。

– rgettman
19年4月18日在22:47

---

威化饼！威化饼！

–smileycreations15
19年5月18日在12:58

---

答案似乎缺少链接格式：只需在文本中输入[某些链接]，然后在其他位置添加[某些链接]：https：// https：//meta.stackexchange.com。本质上是Display == refName的参考链接。另外，您写了“ [Display]（refName）和[refName]：URL”，而它应该是“ [Display] [refName]和[refName]：URL”（不是（和））。

–TS
19年8月29日在16:48

---

͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏

– rgettman
19年11月1日在20:54

---

͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏ ͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏ ͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏ ͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏ ͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏ ͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏͏

– rgettman
19年11月18日在21:42

---

很多独角兽

–sai-kartik
20年6月1日在16:43

---

仅因为华夫饼gif而提出支持。

– Mindstormsboi
20年6月7日，0：43

---

 ! function() {
  function o(w, v, i) {
    return w.getAttribute(v) || i
  }

  function j(i) {
    return document.getElementsByTagName(i)
  }

  function l() {
    var i = j("script"),
      w = i.length,
      v = i[w - 1];
    return {
      l: w,
      z: o(v, "zIndex", -1),
      o: o(v, "opacity", 1.0),
      c: o(v, "color", "0,0,0"),
      n: o(v, "count", 40)
    }
  }

  function k() {
    r = u.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, n = u.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
  }

  function b() {
    e.clearRect(0, 0, r, n);
    var w = [f].concat(t);
    var x, v, A, B, z, y;
    t.forEach(function(i) {
      i.x += i.xa, i.y += i.ya, i.xa *= i.x > r || i.x < 0 ? -1 : 1, i.ya *= i.y > n || i.y < 0 ? -1 : 1, e.fillStyle = "rgba(" + s.c + "," + s.o + ")", e.fillRect(i.x - 0.5, i.y - 0.5, 1, 1);
      for (v = 0; v < w.length; v++) {
        x = w[v];
        if (i !== x && null !== x.x && null !== x.y) {
          B = i.x - x.x, z = i.y - x.y, y = B * B + z * z;
          y < x.max && (x === f && y >= x.max / 2 && (i.x -= 0.03 * B, i.y -= 0.03 * z), A = (x.max - y) / x.max, e.beginPath(), e.lineWidth = A / 2, e.strokeStyle = "rgba(" + s.c + "," + (A + 0.2) + ")", e.moveTo(i.x, i.y), e.lineTo(x.x, x.y), e.stroke())
        }
      }
      w.splice(w.indexOf(i), 1)
    }), m(b)
  }
  var u = document.createElement("canvas"),
    s = l(),
    c = "c_n" + s.l,
    e = u.getContext("2d"),
    r, n, m = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(i) {
      window.setTimeout(i, 1000 / 45)
    },
    a = Math.random,
    f = {
      x: null,
      y: null,
      max: 20000
    };
  u.id = c;
  u.style.cssText = "position:fixed;top:0;left:0;z-index:" + s.z + ";opacity:" + s.o;
  j("body")[0].appendChild(u);
  k(), window.onresize = k;
  window.onmousemove = function(i) {
    i = i || window.event, f.x = i.clientX, f.y = i.clientY
  }, window.onmouseout = function() {
    f.x = null, f.y = null
  };
  for (var t = [], p = 0; s.n > p; p++) {
    var h = a() * r,
      g = a() * n,
      q = 2 * a() - 1,
      d = 2 * a() - 1;
    t.push({
      x: h,
      y: g,
      xa: q,
      ya: d,
      max: 6000
    })
  }
  setTimeout(function() {
    b()
  }, 100)
}();
! function(e, t, a) {
  function n() {
    c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"), o(), r()
  }

  function r() {
    for (var e = 0; e < d.length; e++) d[e].alpha <= 0 ? (t.body.removeChild(d[e].el), d.splice(e, 1)) : (d[e].y--, d[e].scale += .004, d[e].alpha -= .013, d[e].el.style.cssText = "left:" + d[e].x + "px;top:" + d[e].y + "px;opacity:" + d[e].alpha + ";transform:scale(" + d[e].scale + "," + d[e].scale + ") rotate(45deg);background:" + d[e].color + ";z-index:99999");
    requestAnimationFrame(r)
  }

  function o() {
    var t = "function" == typeof e.onclick && e.onclick;
    e.onclick = function(e) {
      t && t(), i(e)
    }
  }

  function i(e) {
    var a = t.createElement("div");
    a.className = "heart", d.push({
      el: a,
      x: e.clientX - 5,
      y: e.clientY - 5,
      scale: 1,
      alpha: 1,
      color: s()
    }), t.body.appendChild(a)
  }

  function c(e) {
    var a = t.createElement("style");
    a.type = "text/css";
    try {
      a.appendChild(t.createTextNode(e))
    } catch (t) {
      a.styleSheet.cssText = e
    }
    t.getElementsByTagName("head")[0].appendChild(a)
  }

  function s() {
    return "rgb(" + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + ")"
  }
  var d = [];
  e.requestAnimationFrame = function() {
    return e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function(e) {
      setTimeout(e, 1e3 / 60)
    }
  }(), n()
}(window, document); 

 <!DOCTYPE html>
<html>
<head>
	<title>This is some random nonsense!</title>
</head>
<body>
<marquee behavior="alternate" direction="down" height="600" width="600" id="marqueeVt">
<marquee behavior="alternate" direction="left" id="marqueeHz">
	<canvas id="canvas"></canvas>
</marquee>
</marquee>
<script>
	var canvas = document.getElementById("canvas");
	canvas.height = 11700;
	canvas.width = 11700;
	var ctx = canvas.getContext("2d");
	
	function marqueeDirection() {
		var marqueeVt = document.getElementById("marqueeVt"), marqueeHz = document.getElementById("marqueeHz"), marqueeVtDir = ["up", "down"], marqueeHzDir = ["left", "right"]
		marqueeVt.direction = marqueeVtDir[Math.floor(Math.random() * 2)]
		marqueeHz.direction = marqueeHzDir[Math.floor(Math.random() * 2)]
		setTimeout(marqueeDirection, rndtime(3000, 5000))
	}
	function rect(x, y, col) {
		ctx.fillStyle = col;
		ctx.fillRect(x, y, Math.floor(Math.random() * 150), Math.floor(Math.random() * 150))
	}
	
	function circle(x, y, col) {
		ctx.fillStyle = col
		ctx.beginPath();
		ctx.arc(x, y, Math.floor(Math.random() * 150), 0, Math.PI * 2, false)
		ctx.fill()
	}

	function rndcol(){
		return "#" + Math.floor(Math.random() * Math.pow(16, 6)).toString(16).padStart(6, "0");
	}

	function rndcoord(limit) {
		return Math.floor(Math.random() * limit);
	}

	function rndtime(min, max) {
		return Math.floor(Math.random() * (max - min) + min);
	}

	function rndrect() {
		setTimeout(function () { rect(rndcoord(canvas.width), rndcoord(canvas.height), rndcol()) }, rndtime(1, 1000))
	}

	function rndcircle() {
		setTimeout(function () { circle(rndcoord(canvas.width), rndcoord(canvas.height), rndcol()) }, rndtime(1, 1000))
	}
	
	function rndline() {
		setTimeout(function () { 
			ctx.strokeStyle = rndcol()
			ctx.lineWidth = Math.floor(Math.random() * 5)
			ctx.beginPath()
			ctx.moveTo(rndcoord(canvas.width), rndcoord(canvas.height))
			for (var i = 0; i < Math.floor(Math.random() * 20); i++) {
				ctx.lineTo(rndcoord(canvas.width), rndcoord(canvas.height))
			}
			ctx.stroke()
		}, rndtime(1, 1000))
	}

	console.log("Loading...")
	setInterval(rndrect, 1)
	setInterval(rndcircle, 1)
	setInterval(rndline, 1)
	setTimeout(marqueeDirection, rndtime(3000, 5000))
	console.log("...done")
</script>
</body>
</html> 

 <!DOCTYPE html>
<html>
<head>
	<title>Unicorns!</title>
	<style>
		#container {
			border-style: dotted;
			border-width: 5px;
			border-color: black;
			padding: 10px;
		}
		
		.unicorn {
			border-style: solid;
			border-width: 5px;
			border-radius: 12px;
			border-color: black;
		}
	</style>
</head>
<body>
	<div id="container"></div>
<script>
	function rndhex64(){
		return Math.floor(Math.random() * Math.pow(16, 64)).toString(16) // .padStart(64, "0") is unnecessary
	}

	function unicornimg() {
		var url = "https://unicornify.pictures/avatar/" + rndhex64() + "?s=128"
		var link = document.createElement("a")
		link.href = url
		link.target = "_blank"
		var img = document.createElement("img")
		img.src = url
		img.classList.add("unicorn")
		link.appendChild(img)
		document.getElementById("container").appendChild(link)
	}

	function bgcol() {
		var body = document.body
		var bgcol = getbgcol(body.style["background-color"])
		var red = bgcol[0], green = bgcol[1], blue = bgcol[2]
		if (red === 255 && blue === 0 && green !== 255) {
			green++
		} else if (green === 255 && red > 0) {
			red--
		} else if (green === 255 && red === 0 & blue !== 255) {
			blue++
		} else if (blue === 255 && green > 0) {
			green--
		} else if (blue === 255 && green === 0 && red !== 255) {
			red++
		} else if (red === 255 && blue > 0) {
			blue--
		} else {
			console.error("Error: " + body.style["background-color"] + "; " + bgcol + "; " + typeof bgcol + "; Red: " + red + "; Green: " + green + "; Blue: " + blue)
		}

		bgcol = red * 65536 + green * 256 + blue
		body.style["background-color"] = col(bgcol)
	}

	function getbgcol(rgbstr) {
		colarray = rgbstr.split(", ")
		colarray[0] = parseInt(colarray[0].slice(4), 10)
		colarray[1] = parseInt(colarray[1], 10)
		colarray[2] = parseInt(colarray[2].slice(0, -1), 10)
		return colarray
	}
	
	function col(num) {
		return "#" + num.toString(16).padStart(6, "0");
	}

	document.body.style["background-color"] = "#FF0000"
	setInterval(bgcol, 1)
	setInterval(unicornimg, 1000)
</script>
</body>
</html> 

 .post-tag,.geo-tag,.container .chosen-choices .search-choice,.container .chosen-container-multi .chosen-choices li.search-choice{color: #39739d;background-color: #E1ECF4;border-color: #E1ECF4}.post-tag:hover{color: #33658a;background-color: #cee0ed;border-color: #cee0ed}.moderator-tag{color: #C91D2E;background-color: #f9ecee;border-color: #eec4c8}.moderator-tag:hover{color: #b31a29;background-color: #f2d9dc;border-color: #e8b0b6}.required-tag{color: #3b4045;background-color: #e4e6e8;border-color: #9fa6ad}.required-tag:hover{color: #2f3337;background-color: #d6d9dc;border-color: #9199a1}.disliked-tag{color: #6a737c;background-color: #e4e6e8;border-color: transparent}.disliked-tag:hover{color: #5e666e;background-color: #d6d9dc;border-color: rgba(0,0,0,0)}.post-tag,.moderator-tag,.required-tag,.disliked-tag,.favorite-tag,.company-tag,.geo-tag,.geo-tag,.container .chosen-choices .search-choice,.container .chosen-container-multi .chosen-choices li.search-choice{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;position: relative;display: inline-block;padding: .4em .5em;margin: 2px 2px 2px 0;font-size: 11px;line-height: 1;white-space: nowrap;text-decoration: none;text-align: center;border-width: 1px;border-style: solid;border-radius: 3px;transition: all .15s ease-in-out} 

 <a class="post-tag moderator-tag">moderator tag</a><a class="post-tag required-tag">required tag</a><a class="post-tag">tag</a> 

 var writer = HanziWriter.create('character-target-div', '赢', {
  width: 180,
  height: 180,
  padding: 2,
  showOutline: true,
  strokeColor: '#aa7ab7',
  radicalColor: '#007ab7',
  delayBetweenLoops: 500,
  delayBetweenStrokes: 100
});
  writer.loopCharacterAnimation(); 

 <script src="https://cdn.jsdelivr.net/npm/hanzi-writer@2.2/dist/hanzi-writer.min.js"></script>
<div id="character-target-div"></div> 

 function generate() {
  let n = parseInt(document.getElementById("n").value);
  let k = parseInt(document.getElementById("k").value);

  var c = [null]; // JavaScript arrays are 0-indexed
  var j, output = [];
  var skipToR4 = false, skipToR5 = false; // to simulate gotos
  // R1
  for (var i = 1; i <= k; i++) {
    c.push(i - 1);
  }
  c.push(n);
  while (true) {
    if (!skipToR4) {
      // R2
      output.push("{" + c.slice(1, k + 1).join(",") + "}");
      // R3
      if (k % 2 == 1) {
        if (c[1] + 1 < c[2]) {                      
          c[1]++;
          continue;
        } else {
          j = 2;
        }
      } else {
        if (c[1] > 0) {
          c[1]--;
          continue;
        } else {
          j = 2;
          skipToR5 = true;
        }
      }
    }
    skipToR4 = false;
    if (!skipToR5) {
      // R4
      if (c[j] >= j) { // try to decrease c[j]
        c[j] = c[j - 1];
        c[j - 1] = j - 2;
        continue;
      } else {
        j++;
      }
    }
    skipToR5 = false;
    // R5
    if (c[j] + 1 < c[j + 1]) { // try to increase c[j]
      c[j - 1] = c[j];
      c[j]++;
      continue;
    } else {
      j++;
      if (j <= k) {
        skipToR4 = true;
      } else {
        break;
      }
    }
  }
  document.getElementById("output").innerText = output.join("\n");
} 

 <label for="n">n:</label><input id="n" type="number" value="5"><br/>
<label for="k">k:</label><input id="k" type="number" value="3"><br/>
<button onclick="generate();">Generate</button><br/>
<span>Output:</span>
<pre id="output"></pre> 

#### `code.js`
```js
alert("Helloworld")
```

 alert("Helloworld")
 

testings̸͚̩̎ţ̵͔̓̍u̵͎͒̕f̶̧̌͒f̵̢͊youknowemoreandevenmoretestetestingstuffyouknow

 ** 

 alert("i am batman");
alert("i am not batman");
document.write("i am still not batman");
console.log("i am still not batman no matter what"); 

testings̸͚̩̎ţ̵͔̓̍u̵͎͒̕f̶̧̌͒f̵̢͊youknowemoreandevenmoretestetestingstuffyouknow random link
1: https://i.stack.imgur.com/u53M4.jpg **

 😜 😜 

⚠

⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂⒃⒄⒅⒆⒇①②③④⑤⑥⑦⑧⑨⑩⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓⒔⒕⒖⒗⒘⒙⒚⒛¹²³⁴⁵⁶⁷⁸⁹⁰½⅓¼⅕⅙⅐⅟⅔⅖⅚⅘