Preview actions

Preview actions are used to preview files like Markdown and images in the editor.

Show slides

To show slides with Demo Time, you can make use of the openSlide action.

{
  "action": "openSlide",
  "path": "<relative path to the file>",
  "theme": "<relative path to CSS file>"
}

Read more about it in the slides section of the documentation.

Preview Markdown file

To preview a markdown file in the editor, use the markdownPreview action. The markdownPreview action takes a file path as an argument.

{
  "action": "markdownPreview",
  "path": "<relative path to the file>"
}

Preview image

To preview an image in the editor, use the imagePreview action. The imagePreview action takes a file path as an argument.

{
  "action": "imagePreview",
  "path": "<relative path to the file>",
  "theme": "<relative path to CSS file>"
}

Custom theming

Create a CSS file, and adapt the styling with the .preview_view class.

.demo/themes/image.css

.preview_view {
   background-color: #000;
}