Raw Output from Markdown Examples

This vignette shows some examples for different Markdown rendering options.

library(markdown)

# toc example
mkd <- c("# Header 1", "p1", "## Header 2", "p2")

cat(mark(mkd, options = "+number_sections"))
<h1 id="header-1"><span class="section-number">1.</span> Header 1</h1>
<p>p1</p>
<h2 id="header-2"><span class="section-number">1.1</span> Header 2</h2>
<p>p2</p>
cat(mark(mkd, options = "+number_sections+toc"))
<div id="TOC">
<ul class="numbered">
<li><a href="#header-1"><span class="section-number">1.</span> Header 1</a>
<ul>
<li><a href="#header-2"><span class="section-number">1.1</span> Header 2</a></li>
</ul>
</li>
</ul>
</div>
<h1 id="header-1"><span class="section-number">1.</span> Header 1</h1>
<p>p1</p>
<h2 id="header-2"><span class="section-number">1.1</span> Header 2</h2>
<p>p2</p>
# hard_wrap example
cat(mark("foo\nbar\n"))
<p>foo
bar</p>
cat(mark("foo\nbar\n", options = "hard_wrap"))
<p>foo<br />
bar</p>
# latex math example
mkd <- c(
  "`$x$` is inline math $x$!", "", "Display style:", "", "$$x + y$$", "",
  "\\begin{eqnarray}
a^{2}+b^{2} & = & c^{2}\\\\
\\sin^{2}(x)+\\cos^{2}(x) & = & 1
\\end{eqnarray}"
)

cat(mark(mkd))
<p><code>$x$</code> is inline math \(x\)!</p>
<p>Display style:</p>
<p>$$x + y$$</p>
<p>\begin{eqnarray} a^{2}+b^{2} &amp; = &amp; c^{2}\\ \sin^{2}(x)+\cos^{2}(x) &amp; = &amp; 1 \end{eqnarray}</p>
cat(mark(mkd, options = "-latex_math"))
<p><code>$x$</code> is inline math $x$!</p>
<p>Display style:</p>
<p>$$x + y$$</p>
<p>\begin{eqnarray}
a^{2}+b^{2} &amp; = &amp; c^{2}\
\sin^{2}(x)+\cos^{2}(x) &amp; = &amp; 1
\end{eqnarray}</p>
# tables example (need 4 spaces at beginning of line here)
cat(mark("
First Header  | Second Header
------------- | -------------
Content Cell  | Content Cell
Content Cell  | Content Cell
"))
<table>
<thead>
<tr>
<th>First Header</th>
<th>Second Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Content Cell</td>
<td>Content Cell</td>
</tr>
<tr>
<td>Content Cell</td>
<td>Content Cell</td>
</tr>
</tbody>
</table>
# but not here
cat(mark("
First Header  | Second Header
------------- | -------------
Content Cell  | Content Cell
Content Cell  | Content Cell
", options = '-table'))
<p>First Header  | Second Header
———–– | ———––
Content Cell  | Content Cell
Content Cell  | Content Cell</p>
# autolink example
cat(mark("https://www.r-project.org/"))
<p><a href="https://www.r-project.org/">https://www.r-project.org/</a></p>
cat(mark("https://www.r-project.org/", options = "-autolink"))
<p>https://www.r-project.org/</p>
# strikethrough example
cat(mark("~~awesome~~"))
<p><del>awesome</del></p>
cat(mark("~~awesome~~", options = "-strikethrough"))
<p>~~awesome~~</p>
# superscript and subscript examples
cat(mark("2^10^"))
<p>2<sup>10</sup></p>
cat(mark("2^10^", options = "-superscript"))
<p>2^10^</p>
cat(mark("H~2~O"))
<p>H<sub>2</sub>O</p>
cat(mark("H~2~O", options = "-subscript"))
<p>H~2~O</p>
# code blocks
cat(mark('```r\n1 + 1;\n```'))
<pre><code class="language-r">1 + 1;
</code></pre>
cat(mark('```{.r}\n1 + 1;\n```'))
<pre><code class="language-r">1 + 1;
</code></pre>
cat(mark('```{.r .js}\n1 + 1;\n```'))
<pre><code class="language-r js">1 + 1;
</code></pre>
cat(mark('```{.r .js #foo}\n1 + 1;\n```'))
<pre><code class="language-r js" id="foo">1 + 1;
</code></pre>
cat(mark('```{.r .js #foo style="color:red;"}\n1 + 1;\n```'))
<pre><code class="language-r js" id="foo" style="color:red;">1 + 1;
</code></pre>
cat(mark('````\n```{r, echo=TRUE}\n1 + 1;\n```\n````'))
<pre><code>```{r, echo=TRUE}
1 + 1;
```
</code></pre>
# raw blocks
cat(mark('```{=html}\n<p>raw HTML</p>\n```'))
<p>raw HTML</p>
cat(mark('```{=latex}\n<p>raw HTML</p>\n```'))

# skip_html tags
mkd = '<style>a {}</style><script type="text/javascript">console.log("No!");</script>\n[Hello](#)'
cat(mark(mkd))
<style>a {}</style><script type="text/javascript">console.log("No!");</script>
<p><a href="#">Hello</a></p>
# TODO: wait for https://github.com/r-lib/commonmark/issues/15 to be fixed
# cat(mark(mkd, options = "tagfilter"))