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
2
votes
1 answer

Remark: How to parse HTML tags and their content in MDAST

I'm trying to parse a GitHub-flavoured markdown file using Unified and Remark-Parse to generate a MDAST. I'm able to parse most of it correctly and easily, however I'm having trouble parsing the HTML tags and their content from the AST. In the AST,…
Richard Robinson
  • 867
  • 1
  • 11
  • 38
2
votes
1 answer

How to parse Embeddable Links from Markdown and render custom React Components

I want to embed Twitter tags from Markdown to Html. I am currently using react-markdown to render like below import gfm from 'remark-gfm' const content = `#Hello

Please check out this tweet


damunga
  • 95
  • 4
  • 11
2
votes
1 answer

execute function on URL hash change that isn't detected by window.onhashchange

I am using xaringan slides; xaringan is based on remark.js. I want to implement a Javascript function that triggers on every slide change. (The function could be anything; in my case, it scrolls "presenter notes" to the top of their div upon a slide…
user697473
  • 2,165
  • 1
  • 20
  • 47
2
votes
0 answers

getStaticProps console.log(post) works, but no data appears on the page?

I have this code to fetch Markdown blog posts from a local _posts folder, if I console log the posts I receive the data that I asked for in the console, so I know the fetch is working, however when I use the data in the return i.e.…
Mac Hooper
  • 103
  • 10
2
votes
1 answer

Use a specific slide number for slideNumberFormat in xaringan

In a xaringan presentation, the slideNumberFormat argument is often set to %current% / %total%. It is possible to use a specific slide number in this argument? For instance, if I have a "final" slide like this: --- name: mylastslide # Thanks with…
abichat
  • 2,317
  • 2
  • 21
  • 39
2
votes
1 answer

Disable mouse scrolling in xaringan presentation

I am making slides using xaringan in RStudio and on my Mac, the magic mouse scroll is too sensitive and basically makes using my mouse as a pointer very difficult. Is there a way to disable mouse scrolling? A remark.js issue here suggests that it…
2
votes
1 answer

Why are smart quotes and em-dashes not appearing in Xaringan slides?

The problem According to the docs, Xaringan should turn normal quotes " " into smart quotes “ ”, and turn a sequence of 3 hyphens "---" into an em-dash "—" The problem I have is that these transformations only occur for the strings in the yaml…
Julian Neuer
  • 306
  • 1
  • 8
2
votes
0 answers

some error using remark to comvert markdown to html in angular

I use remark to convert markdown to html and I got error remark works with nodejs I don't know either angular or remark goes wrong Pleas help here is error code ERROR ReferenceError: process is not defined at new VFile (core.js:55) at VFile…
mikie
  • 59
  • 1
  • 5
2
votes
1 answer

xaringan::summon_remark() without internet connection from R

I create some slides using the xaringan package. But when I knit the file by hitting the RStudio "Knit" Button, only a white window appears. Opening the generated html file with my browser shows the presentation as expected. Thus, I figured that…
der_grund
  • 1,898
  • 20
  • 36
2
votes
1 answer

Using HTML in YML yields [Objcet Object] in js-yaml

I'm using HTML in YML yields [Object Object] context: fieldLabel: | Some Bold Text and now normal continued. It's rendering as context: fieldLabel: ",[object…
Prashanth
  • 1,309
  • 2
  • 9
  • 17
2
votes
1 answer

How to include javascript library in xaringan/remark.js?

I'm working on a presentation using xaringan, and am using a few gifs created by gganimate to illustrate some points about a model. It works great, except that once the gifs start playing they just keep playing, and sometimes they seem to start…
DanO
  • 600
  • 3
  • 11
2
votes
1 answer

Blogdown/Xaringan does not work after using chakra option

I followed the installation process for Xaringan explained by Tim Mastny. Everything worked smoothly and I could produce my first slideshow. To make the slides work offline, I followed the tips by Yihui Xie. The download with…
petzi
  • 1,430
  • 1
  • 17
  • 32
2
votes
1 answer

How to config remark's plugins in gatsby-transformer-remark

I want to use remark with "remark-breaks" (or any other plugins). I tried this in gatsby-config.js: ... { resolve: "gatsby-transformer-remark", options: { plugins: [ { resolve: "remark-breaks", }, //…
pfcao
  • 21
  • 3
2
votes
1 answer

How to change content position when in full screen mode for xaringan slides

I am recording a video that will put myself and the xaringan slides side by side. Therefore, I would like to float the container of the slides to the right side so that I will have space to stand at the left. Here is an example slide: --- title:…
Daijiang Li
  • 697
  • 4
  • 16
2
votes
0 answers

How to make a custom markdown syntax for my markdown using remark?

I want a custom syntax for my markdown so that I can use it with my React Component. I am using using remark and remark-react to render my markdown into React components. How do a I define a custom syntax for markdown so that I can use it to render…
besrabasant
  • 2,422
  • 6
  • 27
  • 41