https://github.com/EmilHvitfeldt/quarto-designmode

Quarto Extension to enable DesignMode
https://github.com/EmilHvitfeldt/quarto-designmode

quarto quarto-extension

Last synced: about 1 month ago
JSON representation

Quarto Extension to enable DesignMode

• Host: GitHub
• URL: https://github.com/EmilHvitfeldt/quarto-designmode
• Owner: EmilHvitfeldt
• Created: 2022-11-04T00:38:15.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-09-27T19:00:07.000Z (about 1 year ago)
• Last Synced: 2024-11-13T23:33:12.176Z (about 1 month ago)
• Topics: quarto, quarto-extension
• Language: JavaScript
• Homepage: https://emilhvitfeldt.github.io/quarto-designmode/
• Size: 4.99 MB
• Stars: 24
• Watchers: 3
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# designMode

A quarto extension, adding a toggle for [designMode](https://developer.mozilla.org/en-US/docs/Web/API/Document/designMode) in html outputs, including revealjs slides.

## Installation

To install this extension in your current directory (or into the Quarto project that you're currently working in), use the following command:

``` shell

quarto install extension emilhvitfeldt/quarto-designmode

```

## Enabling

Add this to your document or project options:

``` yaml

filters:

  - designmode

```

## Usage

When Viewing a html document press `Alt + D` to enable designMode, this allows you to edit text and move elements around. Press `Alt + D` again to disable designMode. Changes made to the page will NOT modify the source document.

## Example

![](example.gif)

## Live preview

You can view a live preview of an example presentation at .