Custom block icon
Hallo @mingxin-yang, du kannst hier lesen, wie man Blöcke erstellt und aktualisiert. Falls du ein Symbol oder Label des Blocks aktualisieren musst, kannst du so etwas machen: '''js Redakteur. Blocks.get('BLOCK-ID').set({ Etikett: 'Mein Block', Medien: '<svg...', // EG. Dein SVG-Bild }) ```
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
Ich möchte ein benutzerdefiniertes Blocksymbol machen, ich habe den Code gefunden:
.gjs-f-text::before {
Inhalt: "o";
}
.gjs-fonts::before {
Display: Block;
Schriftart: normal, normal, normal 14px, schriftart3336;
Textwiedergabe: Auto;
-Webkit-Font-GlÀttung: Antialiased;
-Moz-OSX-Schrift-GlÀttung: Graustufen;
SchriftgröĂe: 5em;
}
Antworten (2)
Hallo @mingxin-yang, du kannst hier lesen, wie man Blöcke erstellt und aktualisiert. Falls du ein Symbol oder Label des Blocks aktualisieren musst, kannst du so etwas machen: '''js Redakteur. Blocks.get('BLOCK-ID').set({ Etikett: 'Mein Block', Medien: '<svg...', // EG. Dein SVG-Bild }) ```
Danke, dass du das gemeldet hast, @mingxin-yang. Tolle Frage zu Benutzerdefiniertem Blocksymbol. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: ĂberprĂŒfen Sie die GrapesJS-Dokumentation fĂŒr Ihr spezielles Modul Suche nach der 'on()'-Ereignis-Listener-M...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #3415
Custom Asset Manager. How to set bg image
Hallo! Ich baue einen benutzerdefinierten Modal fĂŒr den Asset Manager und im Grunde scheint es, als mĂŒsste ich den Befehl "open-assets" ĂŒbe...
Problem #3237
Add Trait For wrapper
Hallo @artf Ich habe auf diese Weise Trait fĂŒr den Wrapper hinzugefĂŒgt. Wie kann ich die Init-Funktion fĂŒr dasselbe ausfĂŒhren? Hier ist der...
Problem #3179
AssetManager scheint Assets aus dem Cache zu laden und aktualisiert sich nicht (Frage)
Hallo, Ich versuche seit ein paar Wochen, Grapes in mein VueJs-Projekt zu integrieren, aber ich habe eine Frage an AssetManagement. Das ist...
Problem #3154
Hide elements when i click eye icon in Open Layer Manager
Ich möchte sehen, wie der Code Event-Hide oder Delete-Elemente verwaltet. Wo kann ich sie finden? <img width="958" alt="Capture" src="https...
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 Search on GJS.Market
GJS.Market now has one search across everything we publish â plugins, articles, community questions, guides, authors and services. Press âK from any page.
Tutorial
Wie man 2026 mit GrapesJS einen KI-gestĂŒtzten Page Builder erstellt
Was wir beim Bau von GJSDocs gelernt haben â von einfacher KI-Textgenerierung bis hin zu strukturiertem, kontextbewusstem visuellem Editing
Tutorial
Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?
Wie viel kostet es, einen SaaS-Seitenbauer im Jahr 2026 zu erstellen? Entdecken Sie realistische Entwicklungskosten, ZeitplÀne, Funktionen und wie die Nutzung G
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.