FĂŒgen Sie Grapesjs FarbpflĂŒcker zu einem neuen Eigenschaftstyp hinzu?
@nojacko ich meinen Code ein wenig verÀndert habe, mache ich im Grunde folgendes: '''js getInputEl: function() { if (!this.inputEl) { var input = document.createElement('div'); input.innerHTML = this.inputHTML var inputEl = input; var pickerEl = inputEl.querySelector(".myolorPicker"); pickerEl.id = "ppcp" + this.cid;...
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
Ich entwickle gerade einen neuen Merkmalstyp und möchte den grapesjs FarbwĂ€hler darin einbauen können â habt ihr VorschlĂ€ge, wie das geht? Im Moment fĂŒge ich die Standard-HTML-Farbeingabe in meinen "inputEl"-HTML ein (zusammen mit einem Textfeld und einer Funkknopf), aber ich wĂŒrde gerne die verwenden, die mit grapesJS geliefert wird, falls das möglich ist. Beispiel dafĂŒr, wo ich den grapesjs Picker platzieren möchte. inputEl = <div>SOME HTML HERE</div><div><span>Color: </span><span><input type="color" id="colorpicker" value=""></span></div><div>MORE HTML HERE</div> Danke fĂŒr alle VorschlĂ€ge....
Antworten (3)
@nojacko ich meinen Code ein wenig verÀndert habe, mache ich im Grunde folgendes: '''js getInputEl: function() { if (!this.inputEl) { var input = document.createElement('div'); input.innerHTML = this.inputHTML var inputEl = input; var pickerEl = inputEl.querySelector(".myolorPicker"); pickerEl.id =...
Hallo, @pnellesen das ist tatsĂ€chlich eine wirklich gute Frage, auf jeden Fall, wir sollten das erlauben, aber leider ist es im Moment nicht so einfach. Wir sollten einige Module refaktorisieren, um die BenutzeroberflĂ€che wiederverwendbar zu machen. Ăbrigens, versuche, 'editor' zu erweitern. TraitM...
@artf â danke fĂŒr die Antwort! Dein Vorschlag hat ziemlich gut funktioniert (und er funktioniert sogar im Internet Explorer, der besser ist als mein HTML5-FarbwĂ€hler :p ). Ich muss noch ein paar Anpassungen an meinem Styling und meinen Eingabedaten vornehmen, aber ansonsten ist alles gut. Nochmals...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #1951
Ereignis Ă€ndern oder hinzufĂŒgen auf der Komponente hinzufĂŒgen aus dem Block
Ist das möglich? Ăndere das Drag-and-Drop-Ereignis auf "Beim HinzufĂŒgen einer neuen Komponente" auf Klick, ich möchte Komponenten hinzufĂŒge...
Problem #1409
Komponenten-Drag-Ereignis
Ich möchte wissen, wie ich diese Komponente von dem Element, das gezogen und abgesetzt wird, auf die andere Komponente bekomme. Ich muss ei...
Problem #1651
Wie erstellt man einen neuen modalen Dialog wie den der Icons?
Hallo! Ich möchte ein neues Modal erstellen, das Vorlagen enthÀlt, damit Nutzer sie spÀter verwenden können, und sie dann zu Canvas/Editor...
Problem #673
Wie rendert man den Blockmanager auĂerhalb des Containers?
Ich bin neu in dieser groĂartigen Bibliothek und sie wirkt sehr ordentlich und sauber, ABER hier ist das Problem, das ich habe. Ich lasse G...
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
Super Tooltip fĂŒr GrapesJS â Version 0.1.5 veröffentlicht đ
Wir freuen uns, das Version 0.1.5 Update von Super Tooltip anzukĂŒndigen, unserem Floating-MenĂŒ- und Tooltip-Plugin fĂŒr GrapesJS
Tutorial
GrapesJS im Jahr 2026: Der vollstÀndige Leitfaden zum Open-Source-Web-Builder-Framework
Master GrapesJS im Jahr 2026. Architektur, Codebeispiele, React-Integration, Plugin-Entwicklung, Studio SDK und wie es im Vergleich zu anderen Projekten abschne
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.