Wie man Grapesjs mit statischem HTML verwendet
Es gibt verschiedene Wege, das gewünschte Ergebnis zu erzielen, daher empfehle ich, diese Beispiele zu prüfen: Identifiziere die editierbare Komponente und ignoriere alles andere https://jsfiddle.net/arturarseniev/aku70f5w/ Identifizieren Sie Platzhalterkomponenten und ignorieren Sie sie https://jsfiddle.net/arturarse...
Lesen Sie die vollständige Antwort unten ↓Frage
Entschuldigung im Voraus für mein Englisch.
Ich entwickle ein CMS mit Laravel und Vue.js.
Ich möchte grapesjs zum Bearbeiten von Seiteninhalten verwenden, aber mit statischen HTML-Elementen (wie Navigationsleiste, Fußzeile ...). Hier ist ein einfaches Bild dessen, was ich gerne hätte.
Ich habe die Dokumentation durchgesehen, um Antworten zu finden, und mehrere Tests gemacht, ohne das tatsächlich zu erreichen.
Danke!
Antworten (3)
Es gibt verschiedene Wege, das gewünschte Ergebnis zu erzielen, daher empfehle ich, diese Beispiele zu prüfen: Identifiziere die editierbare Komponente und ignoriere alles andere https://jsfiddle.net/arturarseniev/aku70f5w/ Identifizieren Sie Platzhalterkomponenten und ignorieren Sie sie https://js...
Ich habe eine Lösung gefunden, indem ich 'fromElement: true' und diese : https://github.com/artf/grapesjs/issues/336#issuecomment-332205060 Aber ich muss 'type: 'local' verwenden und kann 'urlStore' und 'urlLoad' nicht mehr verwenden. Ich muss das Speichern / Laden selbst implementieren.
@akkivaghasiya5 vor 2 Jahren, ja. 😆 Aber als ich es heute nochmal versuche, scheint es nicht zu funktionieren.
'fromElement' wirkt jetzt veraltet.
@artf Können Sie ein Beispiel geben, wie wir das erreichen können?
Danke!
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #3347
Wie kann ich unkomprimierten JS-Code zum Bearbeiten bekommen?
Hallo, danke, dass du mein Problem überprüft hast. Ich möchte meinen eigenen JSEditor verwenden, um html、css und js zu bearbeiten. 1、Zuerst...
Problem #2595
Probleme beim Ziehen von externem HTML mit draggable="true"
Ich möchte ein externes HTML-Element erstellen, das in GrapesJS gezogen werden kann, so wie man einen Block ziehen kann, und es fügt etwas...
Problem #3218
Wie fügt man ein neues HTML-Element mit Inline-Stilen hinzu?
Ich möchte ein neues HTML-Element mit Inline-Stilen um das 'rte.selection()' hinzufügen. Mit folgendem Beispiel ist das HTML in Ordnung, ab...
Problem #4195
Text verschwindet, wenn er ein zweites Mal im Textblock eingefügt wird
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 99 Reproduzierbarer De...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen für kostenpflichtige Plugins...
Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins →Premium-Plugins werden mit Support, regelmäßigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins →Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.