PageKit — der selbst gehostete GrapesJS-Website-Builder, als Quellcode. Early Access sichern

Problem #1745✓ Gelöst23. Januar 2019 geöffnetvon sankaran857-Reaktionen

Erlauben Sie den Import von HTML-Dokumenten

Kurze Antwortvon wimurk❤ 4

@artf bin ich. Hol zuerst das HTML mit '->getHtml' und setze es dann in ein Dom-Element. Dann extrahiere den Körper und entferne den Titel, das Meta usw. vom Dom. Dann extrahiere ich das HTML erneut. Es lebe JQuery. Aber trotzdem wäre es ein großartiges Feature, um das alles mit grapesJS zu machen :-)

Lesen Sie die vollständige Antwort unten ↓

Frage

Hallo Team, Wir verwenden in unserem Projekt grapesjs Newsletter-Plugin zum Importieren und Vorschauen der Vorlage. Wir haben einige Schwierigkeiten, die Vorlagenstruktur, die wir in grapesjs Editor importieren, beizubehalten. Bitte sehen Sie sich das untenstehende Beispiel an IMPORTIERTES HTML ERWARTETE LEISTUNG TATSÄCHLICHE AUSGABE, was wir vom Editor mit dem Befehl erhalten (editor.runCommand('gjs-get-inlined-html')) Aus dem Output sieht man, dass grapesjs die tatsächlich hochgeladene Vorlage angepasst hat, indem sie die HTML-, Kopf- und Body-Tags entfernt und neue Style-Tags im Inhalt hin...

Antworten (3)

👍 Am hilfreichstenwimurk• 21. Oktober 2019

@artf bin ich. Hol zuerst das HTML mit '->getHtml' und setze es dann in ein Dom-Element. Dann extrahiere den Körper und entferne den Titel, das Meta usw. vom Dom. Dann extrahiere ich das HTML erneut. Es lebe JQuery. Aber trotzdem wäre es ein großartiges Feature, um das alles mit grapesJS zu machen...

artf• 21. Mai 2024
<img width="1253" alt="5" src="https://github.com/GrapesJS/grapesjs/assets/11614725/830ea394-773f-4d76-8ea0-37af7e250760"> Es wurde die Möglichkeit hinzugefügt, HTML-Dokumente zu importieren https://github.com/GrapesJS/grapesjs/pull/5895
artf• 27. Januar 2019

Derzeit importiert der Editor nur den Inhalt im Hauptteil. Um auch andere Dokumentknoten verstehen zu können, würde ein Refactor des aktuellen HTML-Parser erforderlich sein.

Verwandte Fragen und Antworten

Führe die Forschung mit ähnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen für kostenpflichtige Plugins...

Kostenlose Option

Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

Premium-Plugins werden mit Support, regelmäßigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.

Durchsuchen Sie Premium-Plugins →

Verwandte Tutorials

Tiefgehende Anleitungen zum gleichen Thema.

Alle Tutorials →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.