πŸ“ Neues Projekt

Erstelle ein Projekt β€” der aktuelle Editor-Inhalt wird automatisch gespeichert.

πŸ”— Seite teilen

Dein HTML-Code wird Base64-codiert im Link gespeichert β€” kein Server nΓΆtig.

⚠️ Sehr große Seiten kânnen zu langen Links führen. Nutze ZIP-Export für große Projekte.

βš™οΈ Einstellungen

Passe Editor und Vorschau nach deinen WΓΌnschen an.

Editor
Schriftgrâße
13px
Tab-Breite
Zeilennummern
Zeilenumbruch
Auto-Save
Inhalt automatisch im Browser speichern
Live-Vorschau
Vorschau sofort bei Eingabe aktualisieren

🌐 Von URL importieren

Importiere HTML von einer externen URL via CORS-Proxy.

⌨️ Tastenkürzel

Alle Shortcuts fΓΌr schnelleres Arbeiten.

Code formatierenCtrl+Shift+F
HTML kopierenCtrl+Shift+C
Als HTML speichernCtrl+S
Vorschau refreshenCtrl+Enter
Editor leerenCtrl+Shift+X
Seite teilenCtrl+Shift+S
Einstellungen ΓΆffnenCtrl+,
HTML Code untitled.html
πŸ“‚ HTML-Datei ablegen
Live-Vorschau
Zeichen:0
Zeilen:0
Tags:0
Grâße:0 B
Cursor:1:1
βœ“ Auto-Save

🧩 Vorlagen-Bibliothek

Starte sofort mit professionellen Vorlagen β€” alle 100% bearbeitbar, exportierbar und embeddable.

πŸ“ Meine Projekte

Lokal im Browser gespeichert β€” privat und jederzeit abrufbar.

⚑ REST API & Integration

Integriere PageForge in deine Infrastruktur. Ideal fΓΌr Start-Ups, No-Code-Plattformen und CI/CD-Pipelines.

REST API JSON Self-hosted v2.0 Β· Node.js Β· Kein API-Key nΓΆtig

Starte den Node.js-Server (npm start) um die API zu aktivieren. Ohne Server lΓ€uft PageForge vollstΓ€ndig im Browser β€” ZIP-Export und maschinelle Kontrolle kommen mit Server hinzu.

Base URL:http://localhost:3000
GET/api/healthServer-Status

PrΓΌft ob der Server lΓ€uft. NΓΌtzlich fΓΌr Monitoring und Deployment-Checks.

curl http://localhost:3000/api/health
Response
{ "ok": true, "service": "pageforge", "time": "2025-01-15T12:00:00Z" }
POST/api/renderHTML validieren & rendern

Sendet HTML an den Server und erhΓ€lt Metadaten zurΓΌck. Perfekt fΓΌr automatisierte Validierung in CI/CD-Pipelines.

curl -X POST http://localhost:3000/api/render \ -H "Content-Type: application/json" \ -d '{"title":"My Page","html":"<!doctype html>..."}'
POST/api/export-zipZIP exportieren

Erstellt ein ZIP-Archiv aus deinem HTML-Code. Perfekt fΓΌr Deployment-Workflows und automatisierte Build-Pipelines.

curl -X POST http://localhost:3000/api/export-zip \ -H "Content-Type: application/json" \ -d '{"title":"MySite","html":"..."}' \ --output site.zip
GET/api/embed/:idSeite einbetten (iFrame)

Bettet eine HTML-Seite als iFrame ein. Ideal fΓΌr Start-Ups die HTML-Widgets auf ihrer eigenen Plattform hosten mΓΆchten.

<iframe src="http://localhost:3000/api/embed/PROJECT_ID" width="100%" height="600" frameborder="0" allowfullscreen ></iframe>

πŸš€ JavaScript / Node.js SDK

Nutze die API direkt aus deinem Frontend oder Node.js-Backend. Kein npm-Package nΓΆtig β€” direkt mit fetch() integrieren.

// PageForge API – JavaScript Beispiel const res = await fetch('http://localhost:3000/api/render', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ html: myHtmlString, title: 'My Page' }) }); const { ok, length } = await res.json(); console.log(ok, length);
Self-hosted Docker-ready CI/CD Open Source