Initialisierter benutzerdefinierter FarbwÀhler
Das sieht interessant aus. Ich hÀtte nichts dagegen, es mal auszuprobieren.
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
GrapesJS-Version
- Ich bestÀtige, die neueste Version von GrapesJS zu verwenden
Welchen Browser benutzt du?
Chrome
Reproduzierbarer Demo-Link
Beschreibe den KĂ€fer
editor.getModel().initBaseColorPicker(DomElement, { /* Spektrumoptionen */ });
Nach der Initailization, wenn das Palete geöffnet wird, möchte ich eine Farbe darauf setzen? @artf
Verhaltenskodex
- Ich verpflichte mich, den Verhaltenskodex dieses Projekts einzuhalten
Antworten (3)
Das sieht interessant aus. Ich hÀtte nichts dagegen, es mal auszuprobieren.
Ich habe es herausgefunden.
var configEl=editor.getModel().initBaseColorPicker(DomElement, { /* spectrum options */ });
configEl.spectrum("set", "your color");
Um eine Anfangsfarbe fĂŒr einen benutzerdefinierten FarbwĂ€hler zu setzen, der mit 'editor.getModel().initBaseColorPicker()' initialisiert ist, mĂŒssen Sie die Option 'color' im Spectrum.js options-Objekt durchlaufen. Die 'initBaseColorPicker'-Methode von GrapesJS verwendet intern Spectrum.js fĂŒr ihre...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #4094
Beim Drag-and-Drop-Blocken in den Editor in Chrome kann man nicht per Drag & Drop blocken
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 97.0.4692.71 (Offizie...
Problem #4370
LayerManager reagiert nach StorageManager.load() nicht mehr auf StorageManager.load()
GrapesJS-Version[X] Ich bestÀtige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome 102Reproduzierbarer Demo...
Problem #6654
Der Rich-Text-Editor kann nicht aktiviert werden
GrapesJS-Version [x] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome V91 Reproduzierbarer D...
Problem #6116
AsDokument funktioniert nicht wie erwartet
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 128 Reproduzierbarer D...
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
UnStudio for GrapesJS: 4 Plugins to Build Better Visual Editors
Meet UnStudio, a new GrapesJS plugin studio with four tools, safer and better editor: Command Palette, Responsive Pack, Autosave & Restore, and Autofill
Tutorial
Claude Skill for GrapesJS: How AI Is Changing the Way We Build Visual Editors
We've released the Claude Skill for GrapesJS Development â a free, open-source skill that turns Claude into a developer who actually knows GrapesJS
Tutorial
Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)
New to GrapesJS? See exactly what the stock editor gives you, where it falls short, and which plugins close the gaps â a beginner-friendly 2026 comparison
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.