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 baue einen neuen Eigenschaftstyp und möchte den Grapesjs-FarbpflĂŒcker darin einbauen â habt ihr VorschlĂ€ge, wie das geht? Im Moment fĂŒge ich die Standard-HTML-Farbeingabe in mein "inputEl"-HTML ein (zusammen mit einem Textfeld und einem Funkknopf), aber ich wĂŒrde gerne die verwenden, die mit grapesJS geliefert wird, falls das möglich ist. Beispiel dafĂŒr, wo ich den TraubenpflĂŒcker platzieren möchte. inputEl = '<div>ETWAS HTML HIER</div><div><span>Farbe: </span><span><eingabetyp="farbe" id="colorpicker" wert=""></span></div><div>MEHR HTML HIER'</div> Danke fĂŒr alle VorschlĂ€ge. Tolles Tool,...
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 #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...
Problem #1626
Falscher Platzhaltermarker beim EinfĂŒgen in die Spalten-Flexbox-Komponente
Hallo Artf, Ich habe ein Problem mit dem Insertion Placeholder-Marker. Wenn du eine Komponente in einen Flexbox-Parent einfĂŒgst, ist sie im...
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 âDurchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.