Verwenden Sie externe CSS/Schriftarten als Plugin
Hallo Paul, du kannst auf diese Weise externe Stile einfĂŒgen '''js const editor = grapesjs.init({ ... Leinwand: { Styles: ['... file1.css', '... file2.css', '...'] } }); ```
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
Hallo,
Ich habe eine Idee fĂŒr eine App, von der ich denke, dass die Leute in meinem Bereich sie nĂŒtzlich finden wĂŒrden. Im Grunde gibt es ein Framework, das wir fĂŒr die Anwendungsentwicklung verwenden, aber dafĂŒr gibt es keinen UI-Builder.
Es gibt einen ziemlich groĂen CSS/Icons/SVG/Fonts-Asset-Ordner.
Ich möchte ein Plugin erstellen, das diese Assets enthĂ€lt, anstatt die Stile jeder Komponente in das Markup der Blöcke einfĂŒgen zu mĂŒssen.
Wie kann das erreicht werden?
Danke, Paul
Antworten (3)
Hallo Paul, du kannst auf diese Weise externe Stile einfĂŒgen '''js const editor = grapesjs.init({ ... Leinwand: { Styles: ['... file1.css', '... file2.css', '...'] } });
Fantastisch! Danke @artf
Hallo @paulroberttaylor, wie du Schriftarten in Stile eingebaut hast, Ich mache das auch, aber es Àndert sich nichts. const editor = grapesjs.init({ ... Leinwand: { Styles: ['<Link href="https://fonts.googleapis.com/css?family=Roboto" rel="Stylesheet">'] } });
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #599
Stelle die GerÀtehöhe zusammen mit der GerÀtebreite ein
Hallo, ich möchte neue GerĂ€te mit sowohl Breite als auch Höhe hinzufĂŒgen. Gibt es eine Möglichkeit, das zu machen? Ein weiteres Problem ist...
Problem #921
WĂ€hlen und fokussieren Sie ein HTML-Element ĂŒber eine Panel-SchaltflĂ€che
Hallo zusammen, Ist es möglich, den Fokus in einem Abschnitt mit Grapes zu setzen, zum Beispiel als Anker? Ich habe eine Panel-Taste, die n...
Problem #1875
ID Àndert sich beim Import von HTML oder beim Weitergeben von HTML in Komponenten in der Konfiguration.
Hallo, Ich habe eine Komponente und einen Block gebaut, die ich per Drag & Drop auf der Leinwand ziehen kann. Mein Problem ist, dass manche...
Problem #923
FĂŒge einer Auswahloption zur Symbolleiste hinzu
Ich habe den Code gelesen und nur ich konnte herausfinden, dass es nur eine Liste von 'ToolbarButton' gibt, die mit der Werkzeugleiste verb...
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.