Post the full complete demo code

Question

Ist es möglich, den vollständigen Democode von Anfang an zu posten?

Es gibt viele kleine Ausschnitte, die voneinander abhängen. Es wäre gut, diese als separate Branches in einem Repository zu haben, damit Entwickler das erwartete Endergebnis sehen können. In vielen Fällen wurden einfache Dinge übersprungen oder der Ausschnitt am falschen Ort platziert... Zum Beispiel CSS-Ordnung.

Das ist ein leistungsstarker Editor, aber eine sehr steile Lernkurve, um sie an die Anforderungen anzupassen.

Danke, AJ

anlumo · Accepted Answer

Ja, das Problem ist, dass die Demo ihr eigenes Plugin definiert, das dann alle anderen Plugins importiert. Das macht es wirklich schwierig, herauszufinden, wie man etwas macht, weil man viele Weiterleitungen über verschiedene Repositorien hinweg verfolgen muss. Es ist auch nicht so, wie man seine eigene Anwendung basierend auf grapesjsschreiben würde. Der Link zum Master-Demo-Plugin ist ebenfalls nicht so leicht zu finden wie die Demo-Seite, er ist hier.

artf · Answer

Der finale Code des Einstiegs-Tutorials ist tatsächlich hier (und seine grapesjs config).Ja, das Problem ist, dass die Demo ihr eigenes Plugin definiert, das dann alle anderen Plugins importiert @anlumo ja, die aktuellen Preset-Plugins sind tatsächlich so aufgebaut, wahrscheinlich würde ich sie jetzt mit einem modulareren Ansatz überdenken, bei dem das 'Preset' hauptsächlich die Benutzeroberfläche des Editors ist und der Rest mit zusätzlichen Plugins (Komponenten, Blöcken usw.) erweitert werden...

erpardeepjain · Answer

@artf aber wie man diese Datei oder Konfigurationsdatei ausführt, da die Hauptdatei in Vue ist und das Basisprojekt in React. Kannst du mir sagen, wie man es wie in der Demo gezeigt zum Laufen bringt?

Post the full complete demo code

Frage

Antworten (4)

Verwandte Fragen und Antworten

CSS, das über benutzerdefinierten Code hinzugefügt wurde, bleibt bestehen, nachdem die benutzerdefinierte Codekomponente entfernt wurde

Parser breaks `mj-style` as of 16.30

Die Slider-Tasten und Tabs von Grapesjs funktionieren nicht wie erwartet

Das Einfügen als klarer Text in die Textkomponente fügt <Schriftart /> Wrapper zum eingefügten Text hinzu

Kostenpflichtige Plugins, die diesem Problem entsprechen

Verwandte Tutorials

Introducing Search on GJS.Market

Wie man 2026 mit GrapesJS einen KI-gestützten Page Builder erstellt

Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?

Durchsuchen Sie Plugin-Kategorien