PageKit — der selbst gehostete GrapesJS-Website-Builder, als Quellcode. Early Access sichern

Problem #3457✓ Gelöst13. Mai 2021 geöffnetvon RaresVlaiduc3-Reaktionen

Custom trait input not working

Kurze Antwortvon artf❤ 2

@RaresVlaiduc mmm, ich würde erwarten, dass es auch mit einem HTML-String funktioniert... Ich muss es überprüfen

Lesen Sie die vollständige Antwort unten ↓

Frage

Hallo @artf! Version: 0.17.3 Kannst du den Fehler aus der Demo reproduzieren?[ ] Ja[x] Nein Was ist das erwartete Verhalten? Die Eingabe wird korrekt erstellt Beschreibe den Bug detailliert Ich versuche, eine benutzerdefinierte Eingabe (Kontrollkästchen) zu erstellen, aber es funktioniert nicht. Wie ist das aktuelle Verhalten? Siehe Anhänge. Kannst du Screenshots, Screencasts oder eine Live-Demo anhängen?[x] Ja (anhängt)[ ] Nein Code: ! Bild Ergebnis: ! Bild Der Bereich, der eine Art "Eingabe" sein sollte, ist nicht anklickbar. Wenn ich etwas falsch mache, sagt mir bitte Bescheid:)

Antworten (4)

👍 Am hilfreichstenartf• 18. Mai 2021

@RaresVlaiduc mmm, ich würde erwarten, dass es auch mit einem HTML-String funktioniert... Ich muss es überprüfen

ahmedderkaoui• 17. Mai 2021

Dann solltest du in 'createInput()' ein 'Element' zurückgeben. Statt also eine einfache 'Zeichenkette' zurückzugeben, machen Sie Folgendes:

const el = document.createElement('div');
el.innerHTML = '<eingabetyp='Checkbox'/>'
Return El;
ahmedderkaoui• 17. Mai 2021

Wenn du ein einfaches Kontrollkästchen mit Label möchtest, musst du kein eigenes Merkmal erstellen, du kannst einfach direkt verwenden:

GJSBlock• 17. Mai 2026

Danke, dass du das gemeldet hast, @RaresVlaiduc. Das Problem mit Custom Trait-Eingabe, die nicht funktioniert, scheint ein Rennbedingungs- oder State-Management-Timing-Problem zu sein. Dies passiert typischerweise, wenn sich Komponenten-Lebenszyklusereignisse und DOM-Änderungen überschneiden und so...

Verwandte Fragen und Antworten

Führe die Forschung mit ähnlichen Themendiskussionen fort.

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 →

Verwandte Tutorials

Tiefgehende Anleitungen zum gleichen Thema.

Alle Tutorials →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.