Problem beim Hinzufügen einer benutzerdefinierten Schriftart in GrapeJS
Mach einfach so '''js const prop = Editor. StyleManager.getProperty('typografie', 'font-family'); prop.set('options', [ {Wert: "'Oswald', Serifenlos", Name: 'Oswald'}, ... ]); ``` und du solltest niemals dieses 'styleManager.render()' machen.
Lesen Sie die vollständige Antwort unten ↓Frage
@artf Ich habe die untenstehende Methode befolgt und die Schriftart erfolgreich in die Liste eingefügt, aber nicht alle Schriftarten zeigen korrektes Verhalten. Ich möchte die Avenir-Schrift ins System einfügen. Als ich sie hinzugefügt habe, ändert sich die Schriftart nicht zu Avenir, sondern gibt ihr einen Standardwert editor.on('load', function () { styleManager = Editor. StyleManager; fontProperty = styleManager.getProperty('Typography', 'font-family'); Var-Liste = []; fontProperty.set('list', list); Liste = [ fontProperty.addOption({value: "'Oswald', sans-serif", Name: 'Oswald'}), fontPro...
Antworten (3)
Mach einfach so '''js const prop = Editor. StyleManager.getProperty('typografie', 'font-family'); prop.set('options', [ {Wert: "'Oswald', Serifenlos", Name: 'Oswald'}, ... ]);
und du solltest niemals dieses 'styleManager.render()' machen.
Mach einfach das'''jsconst prop = Editor. StyleManager.getProperty('typografie', 'font-family');prop.set('options', [{Wert: "'Oswald', Serifenlos", Name: 'Oswald'}, ...]);```und du solltest dieses 'styleManager.render()' niemals machen. @artf vielen Dank dafür. Ich habe meinen Code durch diesen ers...
ist es die richtige Methode, externe CSS zu importieren, die ich im Editor vorladen möchte?
Ja, du machst es richtig, du solltest es sehen. Überprüfe, ob deine Schriftart korrekt lädt (falscher Pfad, Browser-Kompatibilität mit .otf usw.)
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #1496
Problem beim Hinzufügen einer neuen Zeilenzelle in GrapeJs funktioniert nicht
Ich benutze GrapeJS Version 0.14.33 mit Angular 6 Ich möchte einen Abschnitt mit 2 Blöcken im Block Manager hinzufügen, wie er in der Grape...
Problem #1696
Traits treten beim ersten Ziehen einer benutzerdefinierten Komponente auf
Hallo Artf, ich habe eine eigene Komponente erstellt und Eigenschaften hinzugefügt. Wenn ich diese Komponente in den Editor ziehe und auswä...
Problem #3374
Bilder und Videos sind nicht fokussiert
Hallo, ich habe ein Problem, nämlich dass beim Hinzufügen eines Videos oder Bildes auf die Leinwand es nicht zentriert ist, sondern nach li...
Problem #3293
Blockmanager: Hinzufügen von benutzerdefinierten Klassen gjs-block-category / gjs-title DIVs
Ich habe eine Liste von Kategorien und möchte einige mit einem anderen Stil markieren, je nachdem, ob sie erforderlich sind oder nicht. Ide...
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 →Verwandte Tutorials
Tiefgehende Anleitungen zum gleichen Thema.
Tutorial
Introducing GJS.Market Services: ship your GrapesJS editor without the integration risk
It's everything that usually eats weeks of engineering time, scoped and priced up front. No open-ended hourly surprises.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.