Einfache Erstellung

Projekt lokal bereit
SharePoint Studio Ultra

Portalseiten strukturiert entwerfen und direkt exportieren.

Geführte Erstellung, ein frei positionierbarer Visual Builder und eine erweiterbare Bauplanbibliothek bilden einen durchgängigen Arbeitsablauf.

Schritt 1 von 4

Was möchtest du erstellen?

Einmal anklicken. Technische Begriffe sind hier absichtlich Mangelware.

0 Bausteine
Erweiterbare Baupläne
Baupläne aus JSON hinzufügen

Eine gültige bauplan.json wird geprüft, gespeichert und erscheint anschließend direkt bei den Bausteinen.

JSON-Datei hier ablegen
Noch keine zusätzliche bauplan.json geladen.
Schritt 2 von 4

Welche Inhalte sollen hinein?

Alles über normale Eingabefelder. Keine JSON-Klammern, keine Codearchäologie.

Wird automatisch bereinigt. Normalerweise nicht anfassen.
EinträgeJeder Eintrag wird später zu einer Kachel.
Schritt 3 von 4

Wie soll es aussehen?

Farbwelten sind jetzt sortiert und durchsuchbar. Man muss nicht mehr 30 ähnlich große Farbziegel geistig katalogisieren.

0 Paletten
Mehr Formatierungsmöglichkeiten
32 px
15 px
76 px
186 px
26 px
16 px
100 %
Layout Pro · Abstände, Raster und Ausrichtung
18 px
28 px
24 px
16 px
16 px
1.02×
0°
Jeder einzelne Eintrag bekommt zusätzlich eigene Werte für Reihenfolge, Spaltenbreite, Mindesthöhe, Versatz, Drehung und Ebene. Im Modus „Frei verschieben“ sind X, Y, Breite und Höhe direkt auf der Arbeitsfläche ziehbar.
Hintergrund für diesen Baustein
45 %
65 %
Elemente frei verschieben
Aktiviere „Frei verschieben“ bei der Anordnung. Danach kannst du die Karten hier ziehen und unten rechts vergrößern. Auf Mobilgeräten fällt das Layout automatisch auf eine saubere Liste zurück.
Schritt 4 von 4

Fertig. Vorschau prüfen und Code nehmen.

Der erzeugte Block ist eigenständig und kann direkt in den App4Gw ScriptEditor übernommen werden.

Bereit
Live-Vorschau
Fertiger Code
Schritt 1 von 4
Werkzeugübersicht

Alle Werkzeuge an einem Ort

Suche direkt nach einer Funktion oder wähle einen klar benannten Bereich. Es gibt keine zweite versteckte Navigation mehr.

Erweiterbar ohne PHP-UmbauJSON-Werkzeuge aus /sharepoint-tools

JSON-Datei hier hochladen oder direkt in den Ordner legen. Neue Werkzeuge werden auf der Übersichtsseite automatisch eingelesen und über Name sowie Tags gefunden.

JSON-Vorlage laden
39 Werkzeug(e) erkanntOrdner bereit: /sharepoint-tools
Vorhandene JSON-Werkzeuge bearbeitenQuelle auswählen, JSON anpassen, speichern oder löschen.
Tipp: Änderungen werden direkt in /sharepoint-tools gespeichert. Kein PHP-Gefummel nötig, welch seltener Luxus.
UnterseitenSeitenbereich erstellen

Erstellt eine öffentliche Seite und eine geschützte -edit.php. Nach dem Öffnen der fertigen Seite kommst du mit Strg + K direkt in die Bearbeitung. Im Editor bearbeitest du Hintergrund, Kacheln, Texte und Unterseiten.

Hinweis: Auf fertigen Seiten öffnet Strg + K die geschützte Bearbeitung der jeweiligen Seite.
Ordner bereit: /sitesPasswort wird als Hash in der -edit.php gespeichert, nicht als Klartext. Wenigstens das kriegen wir zivilisiert hin.

Visuelles Modul-Studio

Ein Modul auswählen, Datensätze pflegen und direkt vollständigen SharePoint-Code erzeugen. Jeder Block bekommt einen eigenen Namespace, damit mehrere Systeme nicht gegenseitig ihre Klassen zertrampeln.

Projektmodule

Modul bearbeiten

Modul auswählen.

Live-Vorschau

Generierter Komplettcode

Projekt-Composer

Alle Module in eine definierte Reihenfolge bringen, einzeln ein- oder ausschalten und anschließend als ein einziges Paket für SharePoint oder App4Gw exportieren.

Projekt

Gesamtvorschau

Gesamtcode

All-in-one Code-Labor

Kompletten Mischcode in ein Feld werfen. Das Labor erkennt HTML, CSS und JavaScript, entfernt Kommentare, formatiert oder minimiert, trennt Bestandteile, sucht doppelte IDs und meldet strukturelle Probleme.

Eingabe

Datei hierher ziehen oder den Import verwenden

Werkzeuge

Noch keine Analyse
Der JS-Kommentarfilter arbeitet zustandsbasiert und lässt Zeichenketten weitgehend in Ruhe. Vollständiges AST-Parsen wäre ein Compilerprojekt, und irgendwer muss hier noch echte Arbeit erledigen.

Ausgabe

Diagnose

Noch keine Diagnose durchgeführt.

SharePoint-Datenquellen-Builder

Erzeugt fertigen JavaScript-Code für Ordnerdateien, die neueste passende Datei oder Listeneinträge. Alle relevanten REST-Parameter werden sichtbar eingestellt.

Datenquelle

Der Test funktioniert nur, wenn diese Datei im passenden SharePoint-Kontext läuft und Berechtigungen vorhanden sind.

Generierter Code

WOPI- und SharePoint-Link-Builder

Direkte Datei-URLs oder Office-Online-Links für Word, Excel und PowerPoint erzeugen, ohne die Parameter jedes Mal aus einer alten URL herauszuoperieren.

Linkdaten

Ausgabe

Theme-Labor

Ein vollständiges Farbsystem für alle erzeugten Module festlegen. Änderungen wirken sofort auf neue Vorschauen und werden im Projekt gespeichert.

Projektfarben

Palette & CSS-Variablen

Animations-Labor

Animationen für Icons, Kacheln, Reihen, Modals und komplette Module erzeugen. Die Effekte können im Modul-Studio direkt ausgewählt werden.

Animation

Vorschau

VORSCHAU

SVG- und Dienstgrad-Labor

Inline-SVGs für Telefon, Dokumente, Ordner, Netzwerk und ausgewählte Dienstgradformen erzeugen. Farben, Linienstärke, Größe und CSS-Klasse sind frei einstellbar.

SVG-Bibliothek

Symbole und Grafiken

Dienstgradbibliothek

Dienstgrad auswählen
Symbolansicht ohne Schulterklappenfläche. Grundlage: offizielle Dienstgradübersicht; keine amtliche Grafikdatei.

SVG konfigurieren

9 Symbole

Vorschau & Code

SharePoint-JSON-Spaltenformatierung

Status-Badges, Fortschrittsbalken, Links, Datumswerte und bedingte Hervorhebungen erzeugen oder vorhandenes JSON formatieren und prüfen.

Vorlage

Bereit.

JSON

Iframe-Builder

Responsiven Einbettungscode mit Größe, Rahmen, Sandbox, Vollbild, Ladeverhalten und Referrer-Richtlinie erzeugen.

Einstellungen

Vorschau & Code

Text- und Dateinamen-Werkzeug

Mehrere Zeilen oder Dateinamen gleichzeitig normalisieren, sortieren, nummerieren und nach einem festen Ablageschema umformen.

Eingabe

Ausgabe

Modulwerkstatt 29 Systeme

Komplette Module mit isolierten Klassen, responsivem Layout, Animationen, Interaktionen, REST-Code und frei bearbeitbaren Datensätzen erzeugen. Das hier baut eher kleine Anwendungen als dekorative Rechtecke.

Modulvorlagen

29 Vorlagen

Modul konfigurieren

Die Vorlage zeigt die erwarteten Felder. Zusätzliche Felder bleiben beim Export erhalten.
Vorlage bereit.

Live-Vorschau

Kompletter ScriptEditor-Code

0 Zeichen

Kachel-Editor Custom Tiles

Eine freie Kachelmaschine mit Presets, Design-Reglern, Codeblock-Anbindung und selbst geschriebenen HTML/CSS/JS-Slots. Jede Kachel kann Link, Aktion, eingebetteter Codeblock oder komplett eigener Mini-Baustein sein.

Design-Presets

0 Presets

Kachelstapel

0Kacheln
0Code-Kacheln
0Zeichen
Erweitert: viele Kacheln per JSON importieren
Nur für erfahrene Nutzer. Normale Kacheln und Popups werden oben vollständig über Eingabefelder bearbeitet.

Engine-Design

Farbwelten
Ein Klick ändert Hintergrund, Flächen, Text, Popups, Rahmen und Akzente. Individuelle Kachelfarben werden dabei bewusst zurückgesetzt.
Tipp: Für den hellen Kartenstil zuerst Clean Direct Portal oder Clean Card Grid wählen und danach eine Farbwelt anklicken.
Kachel-Engine bereit.

Kachel bearbeiten

Live-Vorschau

Kompletter ScriptEditor-Code

0 Zeichen

Codeblock-Composer

Beliebige Module, bestehende Skripte und erzeugte Bausteine als einzelne Blöcke verwalten, sortieren, aktivieren, kombinieren, importieren und als eine fertige Datei exportieren.

Codeblöcke

Block bearbeiten

Gesamtvorschau

Gesamtcode

Keine Blöcke.

Präfix- & Namespace-Labor

Vorhandenen HTML-, CSS- und JavaScript-Code automatisch isolieren. IDs, Klassen, Keyframes und typische JavaScript-Selektoren werden gemeinsam umgeschrieben, damit mehrere Module sich nicht gegenseitig zerlegen.

Eingabecode

Isolierter Code

SharePoint-Listen-Architekt

Listenstruktur visuell definieren und daraus REST-Erstellungscode, PnP-PowerShell, ein funktionierendes Eingabeformular und eine Feldzuordnung erzeugen.

Liste

Ausgaben

REST-, OData-, CAML- und PnP-Query-Studio

Eine Abfrage konfigurieren und gleichzeitig Endpoint, Fetch-Code, CAML-XML und PnP-PowerShell erzeugen. Vier Dialekte, weil ein einziger offenbar zu angenehm gewesen wäre.

Abfrage

Endpoint

App4Gw- und ScriptEditor-Packager

Vorhandenen Code robust verpacken: eindeutige Root-ID, verzögerte Initialisierung, Wiederholungsversuche, MutationObserver, Duplikatschutz und optionales Debugging.

Rohcode

Fertiges Paket

Bereit.

Audit- & Reparaturcenter

Kompletten Code auf doppelte IDs, globale Funktionen, Inline-Handler, übermäßiges !important, fehlende Beschriftungen, externe Ressourcen, unausgeglichene Tags und weitere SharePoint-Kollisionsrisiken prüfen.

Zu prüfender Code

Ergebnis

Noch nicht geprüft

Snippet-Tresor 46 Bausteine

Fertige SharePoint-, CSS- und JavaScript-Bausteine für typische Probleme. Suchen, kopieren oder direkt in den Codeblock-Composer übernehmen.

Bausteine

Snippet auswählen

Links einen Baustein auswählen.

Link-Massenimport

CSV-, TSV- oder Pipe-getrennte Linklisten importieren und daraus Kacheln, Popup-Gruppen, Quicklinks, Markdown, Tabellen oder Modulwerkstatt-Datensätze erzeugen.

Linkdaten

Ausgabe

Noch keine Daten verarbeitet.

Hintergrund-Generator

Statische Farbflächen, Muster, CSS-Animationen und Canvas-Effekte. Farben, Geschwindigkeit, Dichte, Größe, Richtung, Deckkraft, Interaktion und Ebenen lassen sich getrennt einstellen.

Design auswählen

Designkatalog

Hintergrund konfigurieren

0 Farbwelten
45 %
55
36
70 %
135°
8 px
100 %
100 %
100 %
1 px
12 px
0 px
8
120 px
45 %

Live-Vorschau

Komplettcode

Eigene Werkzeuge

JSON-Werkzeug

Werkzeug aus /sharepoint-tools auswählen.

Eingaben

Live-Vorschau

Generierter Code

Unterseiten-Tool

Erstellt eine öffentliche PHP-Unterseite im Ordner /sites und eine passende -edit.php, die per Passwort geschützt bearbeitet werden kann.

Neue Unterseite

Vollbackup-Center

Nicht nur ein Projekt, sondern sämtliche Studio-Daten, Codeblöcke, Architekt-Schemata und Werkzeugeinstellungen als eine Datei exportieren und wieder importieren.

Export

0gespeicherte Bereiche
0Zeichen
0Codeblöcke
0Projektmodule

Import & Wartung

Backup-Datei hier ablegen
oder über die Schaltfläche auswählen
Beim Import wird vor dem Überschreiben eine Zusammenfassung angezeigt.
Neues Modul

Erweiterte Bibliothek Center

Riesige Kataloge für Bausteine, grafisch aufwendige Hintergründe, neutrale White-First Vorlagen und einen großen SVG- & Dienstgradbereich.

VorschauElement auswählen
0 Einträge