Skip to content

How to set html css tutorial ; want to disply HTMl file in preview tab #430

@xkeshav

Description

@xkeshav

Describe the bug

I want to create CSS tutorials and added

  • A file under tutorial/1-basics/1-introduction/1-welcome/__files/basic.html

but in preview tab it keep loading the default template which have Viteand everytim when I refresh i fo npm install

so my questions are

  • How to preview my html file; , do I need to write same html under templates folder or can I add a buton on current default template to link the page with current lesson?
  • How to stop npm install and npm start on every page refresh
    • alos in /content/tutorial/1-basics/1-introduction/1-welcome/content.md , there is focus property which is not metioned anywhere, how to use?

Link to a StackBlitz project which shows the error

No response

Steps to reproduce

  1. install the app
  2. add fils _files/basic.html

Expected behavior

In preview tab ; it must show my HTML file and do not install on every refresh

here is the repo link : https://github.com/xkeshav/tutorial-kit

Screenshots

image

this is how it looks when loadedpage load

image

Platform

  • TutorialKit version: 1.3.1
  • OS: Ubuntu 24.04
  • Browser: Chrome
  • Version: [e.g. 91.1]

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    questionQuestion related to TutorialKit that doesn't require changes in codebase.

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions