https://github.com/emilhvitfeldt/quarto-revealjs-codewindow

quarto Revealjs pluging for styled codechunks
https://github.com/emilhvitfeldt/quarto-revealjs-codewindow

quarto quartopub revealjs

Last synced: 3 months ago
JSON representation

quarto Revealjs pluging for styled codechunks

• Host: GitHub
• URL: https://github.com/emilhvitfeldt/quarto-revealjs-codewindow
• Owner: EmilHvitfeldt
• Created: 2023-09-05T23:55:21.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-10T00:10:47.000Z (about 1 year ago)
• Last Synced: 2024-06-21T06:40:51.039Z (7 months ago)
• Topics: quarto, quartopub, revealjs
• Language: JavaScript
• Homepage: https://emilhvitfeldt.github.io/quarto-revealjs-codewindow/
• Size: 2.4 MB
• Stars: 60
• Watchers: 3
• Forks: 2
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# codewindow Extension For Quarto

Add styled codeblock windows for code.

![](example.gif)

## Installing

```bash

quarto add emilhvitfeldt/quarto-revealjs-codewindow

```

This will install the extension under the `_extensions` subdirectory.

If you're using version control, you will want to check in this directory.

Once an extension has been added, you can use the Reveal plugin by adding it to the `reveal-plugins` key. For example:

````` markdown

---

title: "My Presentation"

format: revealjs

revealjs-plugins:

  - codewindow

---

`````

## Using

Adding a `::: {.codewindow}` fenced div around any code chunk will turn the output into a `codewindow`. The file tab is enabled by adding plain text before the code chunk.

Adding the one of the following classes adds an icon in the file tab. File an issue to have more icons added to this list

- `.r`

- `.py`

- `.js`

- `.quarto`

- `.html`

- `.css`

- `.sass`

- `.julia`

The `width` argument can be used directly in the code fence.

## Example

Here is the source code for a minimal example: [example.qmd](example.qmd).