@artf Bitte überprüfe, ob der Text der Demo-Seite unter der Symbolleiste versteckt ist. Wie können wir die Position der Werkzeugleiste aktualisieren? ! Werkzeugleistenproblem
artf
Im Moment ist die Position hard-coded, aber wir können sie erweitern, wie wir es mit der RTE-Werkzeugleiste über Events tun
artf
Geschlossen von https://github.com/artf/grapesjs/pull/1730
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
@artf Wenn wir eine Marge von oben zum Container setzen und ein Element darin ziehen wollen, dann Die Position des Drag-Platzhalters scheint nicht richtig zu sein, da sie auch den Rand enthält und oben von das Element, aus dem der Marge angegeben ist. Wie kann ich den Platzhalter-Highlighter nur im Container und nicht...
YashPrince
Du kannst auf deiner Demo-Seite nachsehen. https://grapesjs.com/demo.html https://vimeo.com/289217284
artf
Erstellen Sie bitte eine Live-Demo
artf
Ich schließe das Problem, da es scheinbar bereits gelöst ist.
Ich möchte wissen, wie ich diese Komponente von dem Element, das gezogen und abgesetzt wird, auf die andere Komponente bekomme. Ich muss eine Klasse hinzufügen, falls die Komponente leer wird, wenn das Element gezogen und abgelegt wird, auf die Äußeres Element. Ich kann die Komponente finden, die gezogen wurde und in...
artf
In deinem Fall denke ich, es wäre besser, sich die Änderungen der inneren Komponenten anzuhören (z. B. was, wenn ich alle Kinderkomponenten lösche?), aber derzeit gibt es kein solches Ereignis, also werde ich versuchen, es für die nächste...
sakshigarg9
@YashPrince Wie hast du die ID der gezogenen Komponente bekommen und wo sie abgeworfen wurde
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
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 grapesJ...
pnellesen
@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 pick...
artf
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...
pnellesen
@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 Ein...
Gibt es eine Möglichkeit, die Leinwand dynamisch zu vergrößern? Das heißt, ich benutze den Geräte-Manager nicht, aber habe ein Drag & Drop der Breite, ähnlich wie man es mit Panels oder Komponenten machen kann? Danke
jvillena
@artf und @shlomoko werde ich den Schritt Stück für Stück erklären. Zunächst muss ich Jquery verwenden, aber du kannst eine andere Bibliothek verwenden oder sie in die GrapesJS-Engine integrieren. In meinem Fall wollte ich es transparent f...
artf
Kein @shlomoko, Leinwand ist nicht größenvermessbar, aber ich würde mich über eine PR dafür freuen (möglicherweise mit derselben Logik wie bei Panels).
jvillena
Hallo @artf, ich habe gerade eine Größenänderung der Leinwandleiste implementiert, aber ich weiß nicht, ob es eine Möglichkeit gibt, die Position der Highlight-Ränder zu aktualisieren. Schauen Sie sich bitte das Video an: http://recordit.c...
Wie würdest du einen "Bild einfügen"-Button zum Assets-Manager-Modus hinzufügen? Im Moment könnte das "Bild hinzufügen" für manche verwirrend sein, die denken, dass der Button das Bild tatsächlich auf die Leinwand einfügt und immer wieder darauf klickt, bis die Maus plötzlich :)
artf
Willst du einfach nur das 'Bild hinzufügen' mit 'Bild einfügen' umbenennen?
kickbk
@art hier ein Entwurf, um die Idee zu vermitteln. Nicht, ich benutze Quatsch, um die Knöpfe zu stylen. Also klickst du auf ein Bild, um hervorzuheben, und Import, um zu schließen. Momentan ersetzt es beim Klicken bereits das Bild, aber das...
kickbk
Entschuldigung... Ich wollte die Angelegenheit nicht abschließen.
Hey @artf, Ich denke, die Schieberegler-Komponente wäre auch aus UX-Sicht nützlich für die Benutzerinteraktion einiger ganzzahliger Eigenschaften, wie Schriftgröße / Zeilenhöhe usw. Ich möchte vorschlagen, dass die Schiebekomponente mit einer Standard-Einheitseigenschaft erweitert wird, die eine Zeichenkette aufnehmen...
artf
Ja, sorry, ich war diese Woche zu beschäftigt mit anderen Sachen, hoffe, es am Wochenende 😬 zu veröffentlichen
artf
Das könnte mit dieser Art von Konfiguration bereits möglich sein '''js { Typ: 'slider', Eigenschaft: 'font-size', Einheiten: [], Einheit: 'die', Standardwerte: 14, Max: 40, Min: 1, } ``` aber leider fällt mir auf, dass der Schieberegler se...
FrciSmrci
Danke @artf :) Wann ist der Plan für die nächste Veröffentlichung?
Hallo Artf, Ich möchte zum Beispiel den Wrapper-Div ersetzen: Wenn wir die Newsletter-Vorlage erstellen, existiert Wrapper Div bereits dort. Wenn im Import-Template ein Wrapper-Div im Import HTML existiert, muss der bereits vorhandene Wrapper durch einen neuen ersetzt werden. Ist das möglich? Folgendes ist mein Code N...
artf
Nein, derzeit gibt es keine Möglichkeit, einen Wrapper zu importieren, aber ich würde gerne eine PR dafür akzeptieren
padcom
Gibt es Fortschritte dabei? Die Spezifizierung der Wrapper-Komponente ist sehr nützlich, wenn man mit benutzerdefinierten Elementen arbeitet, die einen Kontext benötigen, wie FormKit, das einige Daten benötigt, die 'bereitgestellt()'d...
Ich versuche, ein Panel zu entfernen. Die Funktion gibt das Panel beim ersten Ausführen von 'removePanel' zurück und wieder, wenn ich es erneut ausführe, undefiniert. Es ist erwähnenswert, dass das Panel nicht mehr zurückgegeben wird, wenn alle Panels übernommen werden, es aber weiterhin sichtbar und funktionsfähig is...
FrciSmrci
Hey @mmeeeooowww, Die Panels sollten entfernt werden, wie in dieser Ausgabe. Einen schönen Tag noch.
mmeeeooowww
Hallo, @FrciSmrci ich benutze momentan CSS, um Dinge zu verstecken. Verstehe ich den Zweck von 'removePanel' falsch oder benutze ich es falsch? Danke!
Beim Importieren von Komponenten und Initialisierung von grapesjs wird die css background-repeat Eigenschaft in background-repeat-x und background-repeat-y geändert, was auf iOS kaputtgeht. Komponenten importieren: '''html <div id="izmt">Test Begin<br /> <br /> <br /> <br /> Testende</div> <style type="text/css">#izmt...
Coyote6
Danke. Ich habe das zu meiner Storage-Manager-Funktion hinzugefügt... Ich denke, das Problem ist vorerst behoben... Ich bin noch nicht ganz wach, also sagt mir bitte Bescheid, falls ich etwas falsch gemacht habe. '''javascript var css = ed...
artf
Danke@Coyote6 wir sind uns dieses Problems bereits bewusst. Das passiert wegen des CSS-Parsers des Browsers, und ich kann nicht viel dagegen ändern, bis es möglich ist, benutzerdefinierte CSS-Parser anzuhängen, ich hoffe, das bald implemen...
artf
Von https://github.com/artf/grapesjs/releases/tag/v0.14.33 du benutzerdefinierte CSS-Parser verwenden kannst, der erste veröffentlichte ist grapesjs-parser-postcss