Problem #3637💬 BeantwortetJul 23, 2021 geöffnetvon Mingxin-yang0-Reaktionen
FrageTypescriptAllgemeines

Benutzerdefiniertes Blocksymbol

Kurze Antwortvon artf

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;
}

Wie finde ich den 'Inhalt', den ich möchte? !

Antworten (2)

artf‱ Jul 29, 2021

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 }) ```

GJSBlock‱ May 17, 2026

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...

VollstĂ€ndige Diskussion auf GitHub ansehen →

Verwandte Fragen und Antworten

FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.

Problem #3237

HinzufĂŒgen von Trait For Verpackung

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...

4-AntwortenFeb 3, 2021 aktualisiert

Problem #3415

Individueller Asset Manager. Wie man das BG-Bild einstellt

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...

4-AntwortenSep 14, 2021 aktualisiert

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...

4-AntwortenDec 23, 2020 aktualisiert

Problem #6655

Ich habe Probleme damit, dass Colopicker Schwierigkeiten mit den richtigen Farbumwandlungen haben

https://github.com/GrapesJS/grapesjs/blob/f59e981f76ff378f59c06cf706af88e502db098e/packages/core/src/utils/ColorPicker.ts#L2407C5-L2415C6 I...

3-AntwortenApr 6, 2026 aktualisiert

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.

PresetsPluginsKomponentenBlöckeVermögenswerteKommandosI18nSchichtenStileLagerstÀttenRTENewsletterWebseitenSite-Builder