Stack Overflow
Stack Overflow

Questions tagged [remarkjs]

A JavaScript library that creates client-side HTML5 slideshows from Markdown source. Or an unrelated Markdown parser used by Gatsbyjs.

Remark.js (also on GitHub) is a JavaScript library that creates client-side slideshows from Markdown source.

Remark is also the name of a collection of libraries for working with Markdown. Despite the name and shared concepts, Remark.js is not built on Remark, the JavaScript library.

See also:

98 questions
4
votes
1 answer

Set default content classes with xaringan

I would like to set a default set of slide content classes applicable to all slides of my xaringan presentation. This will save me from having to write class: someclass at the top of every single slide. I'm guessing this could be set by using…
ekstroem
  • 5,957
  • 3
  • 22
  • 48
4
votes
1 answer

xaringan: decrease vertical space between input and output?

I cannot figure out how to change the CSS in the xaringan package if I want to decrease the vertical space between code input and output boxes. here is the simple change inside the default xaringan template: --- title: "Presentation Ninja" subtitle:…
Florian Oswald
  • 5,054
  • 5
  • 30
  • 38
4
votes
1 answer

Is there a shortcut to increment a Xaringan slide directly in the code?

I just discovered the awesome Xaringan package, and I'd like my presentation to be as incremental as possible. For instance, my introduction slide looks like this: ```{r intro1, echo=TRUE} version$version.string #should give 3.6.1 ``` -- ```{r…
Dan Chaltiel
  • 7,811
  • 5
  • 47
  • 92
4
votes
1 answer

Include and size local images from local directory into Xaringan (remark.js) presentation ... (using via Rstudio on mac)

I want to include images/material from local directory into a Xaringan remark.js presentatio and size them. I'm doing this via Rmd/Rstudio on a mac. I want to be able to customise the size with a macro as suggested in Yihui's docs The suggested…
daaronr
  • 507
  • 1
  • 4
  • 12
4
votes
1 answer

Adding Markdown JSX Language Injection to IntelliJ

Short Summary So, I’m trying to use MDX in my project. It’s just MarkDown with some JSX (including ES6 imports) mingled in. I want to use IntelliJ to edit the files and get proper syntax highlighting for both the Markdown bits and the JSX bits. I…
jonnybot
  • 2,435
  • 1
  • 32
  • 56
4
votes
1 answer

Horizontally scrollable output on xaringan slides

I'd like to have the output of an R command shown in a horizontally scrolling box. Reprex: library(ggplot2movies) head(movies) # title year length budget rating votes r1 r2 r3 r4 r5 r6 r7 r8 r9 r10 mpaa Action…
Dario
  • 371
  • 1
  • 3
  • 13
4
votes
1 answer

How to stop xaringan's keyboard shortcuts while searching in a DT::datatable()?

xaringan's keyboard shortcuts interfere with DT::datatable() search functionality. It can even be seen in xaringan's example presentation (for instance, attempt to search for "m"). How can I stop this from happening? It is practically impossible to…
arcruz0
  • 163
  • 7
3
votes
0 answers

Bibliography and citations with Xaringan and RMarkdown

I'm using the R package xaringan to produce nice slides using RMarkdown. The package RefManageR works quite well in combination with xaringan to handle the bibliography. However, when rendering slides to show all references, I have to specify where…
Marie Etienne
  • 71
  • 3
3
votes
1 answer

How to parse markdown to json using remark

The remark site has a link to an AST explorer for the output of remark - https://astexplorer.net/#/gist/0a92bbf654aca4fdfb3f139254cf0bad/ffe102014c188434c027e43661dbe6ec30042ee2 What I cannot find is how to do the parsing to AST - all the examples…
Simon H
  • 20,332
  • 14
  • 71
  • 128
3
votes
0 answers

Animate SVG on 'next slide' event in xaringan/remarkjs

I'm making a presentation using xaringan/remark.js. I am including an SVG with two animations that make coloured boxes appear to highlight text. Currently, the animation works on click, but I'd like to start the animation with a 'next slide' event.…
Matthijs
  • 501
  • 1
  • 3
  • 12
3
votes
1 answer

How to use custom components in react-markdown

Context: I have a Next.js site with Chakra UI. I have some user provided markdown content that is fetched from an external source (say, GitHub README.md for a repo) at runtime. Now, by default, react-markdown (based on remarkjs) uses the HTML …
Maximous Black
  • 47
  • 3
  • 7
3
votes
1 answer

Preserving character sequences like <- or != in Xaringan, preventing substitution

I am building a Xaringan deck for a short course on R. I need students to learn the character sequences for assignment <- and relational operators like !=. However, knitting to slides replaces several character sequences with more elegant display…
dizhihong
  • 105
  • 3
3
votes
1 answer

"Short" vertical border between columns in xaringan / remark

How would I create a "short" vertical border between columns in xaringan / remark? I want to add a vertical border between columns in my slides, but one that's only about 80% the height of the div. Here's the xaringan example for two column layout:…
a different ben
  • 3,900
  • 6
  • 35
  • 45
3
votes
0 answers

How do I escape an asterisk in a fenced code block?

I'm writing a Xaringan presentation that includes some fenced SQL code blocks. (I'm walking folks through some code we use as a team.) Within those code blocks, I have some multi-line comments. The comments are meant to say "You can run this to…
Benjamin
  • 876
  • 4
  • 8
3
votes
1 answer

How do I control the author and date text in the title-slide in xaringan slides rmarkdown with a css file

I want to control the author and date text in xaringan rmarkdown with a css file? I tried with .title-slide h3 { font-weight: normal; font-size: 40px; color: grey; background-color: white; } But apparently this control both, the author and…
Manuel Spínola
  • 69
  • 1
  • 7
1
2
3 4 5 6 7