Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Exporting complete HTML and CSS #130

Closed
cashgarman opened this issue May 16, 2024 · 3 comments
Closed

Exporting complete HTML and CSS #130

cashgarman opened this issue May 16, 2024 · 3 comments

Comments

@cashgarman
Copy link

cashgarman commented May 16, 2024

Excellent project first of all!

Unless I am missing something, copying or saving the resulting HTML into something usable, it only seems to copy small portion of the HTML, with a lot of the CSS styling missing.

@cashgarman
Copy link
Author

Page in OpenUI:
image

Page in browser after copying the HTML into a .html file:
image

@VideoFX
Copy link

VideoFX commented May 20, 2024

I just ran into this as well. Is there a reference to the rest of the files needed to complete this?

@vanpelt
Copy link
Contributor

vanpelt commented May 20, 2024

@VideoFX @cashgarman I just pushed a change to main and deployed to the demo app. Copying or downloading now includes the needed wrapper to render properly. For future reference the needed template is:

<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.tailwindcss.com"></script>
  </head>
  <body>
    ${code}
  </body>
</html>

@vanpelt vanpelt closed this as completed May 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants