microsoft / microsoft/vscode-livepreview

Feature request: Add option to provide a wrapper html page (with additional css or js files included)

Open
#148 1 comment 0 reactions 1 assignee View on GitHub

@andreamah is already working on this.

Since Dec 9, 2022.

feature-request
Dominant language
TypeScript
Stars
596
Forks
119
Avg merge
1d 4m
Merged PRs (30d)
5

Description

I'm using this extension to display a live preview of html snippets, that will later be included into a larger page context in a CMS (in my case Moodle). In order to get an accurate preview, I need to provide a wrapper html page, which includes the required css files (and even one js file which changes the content dynamically after that page load).

It would be great if it was possible to define the wrapper file, either in the workspace-settings or even better through a magic comment in the html snippet, e.g. <!-- wrapper:./preview.html -->. The wrapper would need to define where the snippet is to be added, e.g. with a {{ content }} tag.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.