Problem #2596💬 BeantwortetFeb 24, 2020 geöffnetvon cristianumali222-Reaktionen

FĂŒgen Sie HTML, CSS und JS zum Block Manager hinzu

Kurze Antwortvon cristianumali22❀ 1

Hallo @pouyamiralayi, also machst du, 'Inhalt: '<div></div><style></style>'' wird das HTML von CSS in der Download-Code-Funktion von GrapesJS getrennt? Beachte, dass in jedem Codeblock unterschiedliches HTML, CSS und JS vorkommen. Beeinflusst das CSS zum Beispiel block1 nicht den Stil von block2?

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

[FRAGE]

Hallo! Ich hole dynamische HTML-, CSS- und JS-Codes aus der Datenbank. Wie kann ich damit Blocks erstellen? Im Moment ist das mein Code,

    Redakteur. BlockManager.add($aBlock['name'], {
        id: $aBlock['name'],
        Etikett: $aBlock['name'],
        Kategorie: $aBlock['Kategorie'],
        Inhalt: $aBlock['html'],
        Stil: $aBlock['css'],
        Drehbuch: $aBlock['css'],
      });

Aber es funktioniert nicht. Bitte helft mir. Danke.

Antworten (3)

cristianumali22‱ Feb 25, 2020

Hallo @pouyamiralayi, also machst du, 'Inhalt: '<div></div><style></style>'' wird das HTML von CSS in der Download-Code-Funktion von GrapesJS getrennt? Beachte, dass in jedem Codeblock unterschiedliches HTML, CSS und JS vorkommen. Beeinflusst das CSS zum Beispiel block1 nicht den Stil von block2?

Pouyamiralayi‱ Feb 26, 2020

@cristianumali22 dein Code sieht gut aus und wird vor der Initialisierung von grapesjs nicht ausgefĂŒhrt, weil du die Referenz weitergibst und sie nicht wirklich aufrufst! Ich empfehle, die Grapesjs CLI zu verwenden, weil sie alle Setups fĂŒr dich ĂŒbernimmt und dir eine schöne und saubere Umgebung bi...

Pouyamiralayi‱ Feb 24, 2020

@cristianumali22 bitte erwĂ€gen, sowohl dein ''html'' als auch ''css'' in die ''content''-Eigenschaft wie folgt einzufĂŒgen: Um Skripte einzubeziehen, mĂŒssen Sie einen neuen Komponententyp definieren und dann zu component & js ĂŒbergehen. Prost!

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 →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.