``` -------------------------------- ### Horizontal Rule Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-content-css/test.html Markdown syntax for creating a horizontal rule. ```markdown ----- ``` -------------------------------- ### Mixed Inline and Display Math in Code Block Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/304-example-embed-katex.md A code block containing a mix of inline and display math expressions. ```markdown ``` a$1+1=2$ $1+1=2$b c$x$d ``` ``` ```latex a$1+1=2$ $1+1=2$b c$x$d ``` -------------------------------- ### Code with Display Math and Number Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/304-example-embed-katex.md A code block containing text followed by a display math expression and a number. ```markdown ``` code ``` $$a+b$$ (1) ``` ```latex code $$ a+b $$ (1) ``` -------------------------------- ### Inline Greek Letter Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/304-example-embed-katex.md Shows how to embed a Greek letter like phi within an inline math expression. ```markdown `$\varphi$` ``` ```latex $\\varphi$ ``` -------------------------------- ### Embedding a SpeakerDeck Presentation Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/100-example-markdown-guide.md Embed a SpeakerDeck presentation by providing the 'data-id' value from its embed code. ```markdown @[speakerdeck](スライドのID) ``` -------------------------------- ### Blockquote with Display Math Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/304-example-embed-katex.md A blockquote containing a display math expression. ```markdown > formula > > $$ a+b=c$$ (2) > > in blockquote. ``` ```latex > formula > > $$ a+b=c$$ (2) > > in blockquote. ``` -------------------------------- ### Long Inline Math Expression Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/304-example-embed-katex.md Demonstrates a very long inline mathematical expression that might cause overflow issues. ```latex $aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa$ ``` -------------------------------- ### Autolink with encoded javascript protocol Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/800-example-xss-check.md Shows an autolink containing an encoded javascript: protocol, testing entity decoding before parsing. ```html ``` -------------------------------- ### Code with Display Math Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/304-example-embed-katex.md A code block containing text followed by a display math expression. ```markdown ``` code ``` $$a+b$$ ``` ```latex code $$ a+b $$ ``` -------------------------------- ### Display Math Expression Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/304-example-embed-katex.md A display mode mathematical expression using double dollar signs. ```markdown `$$e_ alpha$$` ``` ```latex $$e_\\alpha$$ ``` -------------------------------- ### Code block with script tag and text Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/800-example-xss-check.md A generic code block containing an HTML script tag and surrounding text. ```text hello ``` -------------------------------- ### Convert Markdown to HTML Source: https://github.com/zenn-dev/zenn-editor/blob/canary/README.md Convert a Markdown string to an HTML string using the imported markdownHtml function. Ensure the parent element has the class 'znc' for CSS to apply correctly. ```ts const html = markdownHtml(markdown); ``` -------------------------------- ### HTML Comment for Notes Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/100-example-markdown-guide.md Use HTML comment syntax for private notes. These will not be displayed on the published page. ```html ``` -------------------------------- ### X (Twitter) Post Embed Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/100-example-markdown-guide.md Embed an X (Twitter) post by placing its URL on a line by itself, ensuring it's surrounded by blank lines. ```bash # ポストのURLだけの行（前後に改行が必要です） https://twitter.com/jack/status/20 ``` -------------------------------- ### Embedding a Specific GitHub Gist File Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/100-example-markdown-guide.md To embed a particular file from a GitHub Gist, append '?file={filename}' to the Gist URL. ```markdown @[gist](https://gist.github.com/foo/bar?file=example.json) ``` -------------------------------- ### Linkifier with direct javascript protocol Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/800-example-xss-check.md A direct javascript: protocol used with the linkifier, which should be sanitized. ```text javascript:alert(1) ``` -------------------------------- ### Inline Math with Asterisk Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/304-example-embed-katex.md An inline math expression containing an asterisk. ```markdown `$a^*b$ with $a^*$` ``` ```latex $a^*b$ with $a^*$ ``` -------------------------------- ### Inline Math with Leading/Trailing Text Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/304-example-embed-katex.md An inline math expression surrounded by text. ```markdown `If you solve $1+2$ you get $3` ``` ```latex If you solve $1+2$ you get $3 ``` -------------------------------- ### Multiline Inline Math Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/304-example-embed-katex.md An inline math expression that spans multiple lines. ```markdown ``` $1+1= 2$ ``` ``` ```latex $1+1= 2$ ``` -------------------------------- ### Display Summation with Number Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/304-example-embed-katex.md A display mode summation expression with an associated number. ```markdown `$$ sum_{i=1}^n$$ (2)` ``` ```latex $$ \\sum_{i=1}^n$$ (2) ``` -------------------------------- ### Display Vector in Code Block Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/304-example-embed-katex.md A display mode vector expression within a code block. ```markdown ``` $${old e}(\varphi) = \begin{pmatrix} \cos\varphi\\ \sin\varphi \end{pmatrix}$$ (3) ``` ``` ```latex $${\\bold e}(\\varphi) = \\begin{pmatrix} \\cos\\varphi\\ \\sin\\varphi \\end{pmatrix}$$ (3) ``` -------------------------------- ### Embedding a Tweet by URL Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/100-example-markdown-guide.md Simply paste the tweet's URL on its own line to embed it. Previously, a specific syntax was required, but now direct URL pasting works. ```markdown https://x.com/jack/status/20 ``` -------------------------------- ### Linkifier with encoded javascript protocol Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/800-example-xss-check.md Tests the linkifier's handling of an encoded javascript: protocol. ```text javascript:alert(1) ``` -------------------------------- ### Inline HTML with onerror attribute Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/800-example-xss-check.md Demonstrates an XSS vulnerability using an inline image tag with an onerror attribute. This is typically blocked by sanitizers. ```html

``` -------------------------------- ### Raw HTML script tag Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/800-example-xss-check.md A raw HTML script tag within a fenced code block, which should be rendered as code, not executed. ```html ``` -------------------------------- ### Long Display Math Expression Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/304-example-embed-katex.md A long display mode mathematical expression designed to test horizontal scrolling. ```latex $$ aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa $$ ``` -------------------------------- ### Customize Embedded Elements with markdownToHtml Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-markdown-html/README.md Customize the behavior of embedded elements like tweets using the `customEmbed` option. Note that script tags for embedding may need to be handled separately. ```javascript import markdownToHtml from 'zenn-markdown-html'; const html = markdownToHtml(markdown, { customEmbed: { // @[tweet](...)に対応している埋め込み要素をカスタマイズする tweet(url) { // 注意: サニタイズによって hello; ``` -------------------------------- ### Handling URLs with Underscores in Tweets Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/100-example-markdown-guide.md If a tweet URL contains multiple underscores within path segments, auto-linking might break. Use the @[tweet](URL) syntax as a workaround. ```markdown https://twitter.com/__example__/status/12345678910 ``` -------------------------------- ### Inline Math within Text Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/304-example-embed-katex.md An inline math expression embedded within a phrase. ```markdown `so-what is $x$` ``` ```latex so-what is $x$ ``` -------------------------------- ### XSS link with encoded characters Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/800-example-xss-check.md Tests the sanitizer's ability to decode HTML entities before processing links, preventing bypasses. ```markdown [xss link](Javascript:alert(1)) ``` -------------------------------- ### Horizontal Rule Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/100-example-markdown-guide.md Insert a horizontal rule (separator) using four or more hyphens. ```markdown ---- ``` -------------------------------- ### Inline Math Embedded in Text Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/304-example-embed-katex.md Shows an inline math expression embedded within a sentence. ```markdown `You get 3$ if you solve $1+2$` ``` ```latex You get 3$ if you solve $1+2$ ``` -------------------------------- ### JavaScript code block with colon and script tag Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/800-example-xss-check.md A JavaScript code block with a colon in its identifier, followed by an HTML script tag. ```js : hello ``` -------------------------------- ### Escaped Dollar Sign in Text with Display Math Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/304-example-embed-katex.md Shows an escaped dollar sign within text preceding a display math expression. ```markdown ``` some text \$a+b=c$$ ``` ``` ```latex some text \$a+b=c$$ ``` -------------------------------- ### JavaScript code block with non-standard character Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/800-example-xss-check.md A JavaScript code block containing a non-standard character (form feed), testing parser robustness. ```js test2 ``` -------------------------------- ### Embedding a Tweet without Conversation History Source: https://github.com/zenn-dev/zenn-editor/blob/canary/packages/zenn-cli/articles/100-example-markdown-guide.md To embed a tweet and hide its reply thread, append '?conversation=none' to the tweet's URL. ```markdown https://twitter.com/jack/status/20?conversation=none ``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.