Een met AI gemaakte HTML-pagina delen
AI heeft een pagina gemaakt die in de voorvertoning of op je computer werkt. Een HTML-bijlage voor klanten, collega’s of vrienden toont echter soms code, mist afbeeldingen of moet eerst worden gedownload.
Het korte antwoord
Gebruikt de pagina alleen HTML, CSS en JavaScript in de browser, upload dan de bestanden en deel de URL. Dat kan hier zonder repository, buildopdracht of hostingproject. Heeft de pagina een server of database nodig, controleer dan eerst die afhankelijkheid.
Sleep bestanden of mappen hierheen of klik om te uploaden
Anonieme uploads: max 5 MB per bestand, een maand bewaard. Ingelogd: 50 MB per bestand en permanente opslag.
1. Controleer de pagina en bestanden
Eén HTML-bestand volstaat als stijlen en scripts zijn ingebouwd of vanaf openbare URL’s laden. Upload bij lokale afbeeldingen, CSS of JavaScript de hele map. Zet index.html in de hoofdmap en behoud de relatieve paden.
Bezoekers kunnen alle HTML, CSS en browser-JavaScript lezen. Verwijder geheime API-sleutels, inloggegevens met hoge rechten, wachtwoorden en persoonsgegevens. Ook een door AI ingevoegde sleutel blijft zichtbaar in de code.
Een statische pagina kan inhoud tonen, rekenen en op bediening reageren. Gedeelde gegevensopslag, gebruikersauthenticatie en bevoorrechte acties vereisen een server. localhost verwijst naar de computer van de bezoeker. Een externe API moet HTTPS gebruiken en de oorsprong via CORS toestaan. Plopino host de statische frontend, niet je lokale server of database.
2. Probeer een werkend voorbeeld
Gradient Studio is een compleet interactief voorbeeld in één bestand. Verander kleuren en de hoek, bekijk de HTML of download en bewerk een kopie. Voorvertonen en downloaden publiceren niets. Probeer bewerken → voorvertonen → publiceren voordat je eigen werk gebruikt.
Bekijk een gepubliceerd voorbeeldGradient Studio3. Publiceer en deel de link
- Kies het HTML-bestand, een ZIP of de hele projectmap.
- Wacht tot de upload klaar is, open de link en test hem op een telefoon.
- Plak de link in een e-mail, chat of document; de ontvanger opent hem in de browser.
Ontbreken afbeeldingen of stijlen, controleer dan de map en paden in plaats van dezelfde HTML opnieuw te uploaden. Vereisen knoppen een lokale server, maak dan eerst de backend bereikbaar.
Bestanden uploadenHTML · ZIPWerk bij zonder de link te veranderen
Anonieme uploads zijn openbaar en blijven 30 dagen bewaard. Sla de pagina na publicatie op in een account om haar te behouden en beheren. Upload daarna de volgende versie via Mijn borden: de inhoud verandert, de URL blijft gelijk. Handig voor AI-pagina’s in ontwikkeling, portfolio’s en voorstellen.
Upload geen vertrouwelijk werk als anonieme openbare pagina. Verwijder geheimen en controleer vóór elke upload welke gegevens je wilt delen.
Veelvoorkomende problemen
- De ontvanger ziet code: publiceer als text/html-pagina en deel de URL in plaats van de bijlage.
- Afbeeldingen verdwijnen na publicatie: upload alle bronnen, behoud de mappenstructuur en vermijd absolute paden van je computer.
- Gegevens laden of opslaan mislukt: controleer localhost, API-fouten, CORS en gemengde HTTP/HTTPS-inhoud in de console.