Externe CSS im Editor laden
@micker Sie mĂŒssen sie so einbeziehen: Ich sehe das "canvas"-Objekt in deinem Setup nicht. Prost!
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
Hallo, ich habe viel gesucht, aber ich habe nicht gefunden, wie man eine CSS-Datei im Editor lĂ€dt Mein Code BezĂŒglich eines anderen Themas fĂŒge ich hinzu Styles: [\'http://localhost/flexidev/templates/shaperhelix3/css/template.css\'] kein wirklicher Fehler, aber auch kein Stil ... Was habe ich vergessen? 'Funktion fclayoutinitbuilder(editorsfx, elementid) { /*Angenommen, du beginnst zum Beispiel mit deiner bereits definierten HTML-Vorlageund du möchtest es jederzeit fĂŒr den Nutzer importieren / var LandingPage = { html: \'<h2>Dies ist der Layout-Bereich, du kannst Drag & Drop ziehen, um deine...
Antworten (3)
@micker Sie mĂŒssen sie so einbeziehen:
Leinwand: {
Stile: ['bundle1.css', 'bundle2.css'],
DrehbĂŒcher: ['bundle1.js', 'bundle2.js'],
},
Ich sehe das "canvas"-Objekt in deinem Setup nicht. Prost!
@micker wenn dein "customCss" eine URL ist, ist das der richtige Weg, sie einzufĂŒgen. Aber wenn du einige Stile hast, die du von Hand einfĂŒgen möchtest, folgt folgendes Verfahren:
editor.addComponents(
`
<style> Div { Hintergrund: TĂŒrkis} </style>
`
)
Prost!
Ich versuche, https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates Aber ich bin mir da nicht sicher ... Wenn ich Leinwand so hinzufĂŒge '''var editor = grapesjs.init({ Leinwand: { Skripte: null, Styles: [customeCss] //Gibt es eine Möglichkeit, das zu tun? } avoidInlineStyle: false...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #913
Verwendung des Style-Tags statt CSS
Hallo, Ich habe mir das dom_components angeschaut, aber ich kann einfach nicht herausfinden, wie man den Styling-Aspekt manuell ĂŒberschreib...
Problem #2302
Wie bekommt man das externe Plugin CSS, JS und HTML ĂŒber die Exportfunktion GrapesJS?
Ich habe eine externe Plugin-JavaScript-Version von @fullCalendar in das GrapesJS verwendet. Ich kann den Kalender auf der Canvas rendern,...
Problem #383
Beste Methode, um das CSS des Elements in das Properties-Panel zu laden.
Hallo nochmal zusammen, GrapeJS macht einfach zu viel SpaĂ, wenn man tief drin ist. Ich habe eine einfache Frage: Wie lĂ€dt man am besten da...
Problem #2264
Wie man eine Remote-URL in Grapes JS lÀdt.
So habe ich versucht, meine Gitpage zu laden, aber es funktioniert nicht mounted() { const LandingPage = { html: '', css: null, Komponenten...
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.