Im neuen Dragmode wird der Stil der Komponente nach dem Ziehen der Komponente nicht aktualisiert. Erwartetes Verhalten:Element ziehen, indem man auf die Komponente (oder das Werkzeugleisten-Symbol) klickt.Nachdem die Komponenten 'abgeworfen' wurden, sollte der Stil mit der neuen Position aktualisiert werden Aktuelles...
artf
Haben eine Menge x- und y-Werte (zum Beispiel 0px und 0px) Für x/y meinst du links/oben?
MartinPutz
Ja, links und oben sollten sich ändern und aktualisiert werden, aber sie bleiben gleich.
artf
Ich sehe, dass sie sich erst nach der erneuten Auswahl der Komponente ändern, kannst du das bestätigen?
[Bug]: Hallo, ich habe Grapes JS in ein asp.net Core / Angular-Projekt integriert. Ich habe zwei Probleme:Nach dem Hinzufügen von Blöcken werden zufällig die Symbolleiste und der Textmarker an falschen Stellen angezeigt. ! screenpositionWenn ich auf den Datapicker klicke, wird er an einer falschen Position außerhalb m...
artf
Zum Thema Farbposition siehe dieses https://github.com/artf/grapesjs/issues/1533#issuecomment-432146597
artf
@picozzo92 Können Sie eine minimal reproduzierbare Demo dieses Problems erstellen? Ich arbeite an einer großen Leinwand-Refaktorisierung, die wahrscheinlich alle damit verbundenen Probleme beheben wird, eine reproduzierbare Demo wird helfe...
SaleDrache
Ich hatte dasselbe Problem mit der Positionierung des Colorpickers und kam zu dem Schluss, dass seine Position mit dem Bildschirm-/HTML-Tag zusammenhängt (Position: absolut, links: x px), aber wenn ein übergeordnetes Element mit GJS-Editor...
Beispiel: https://jsfiddle.net/benvmatheson/g1ft06qh/8/ Importiere einen Stil mit einer Texteigenschaft. 'Text-Shadow:rgb(51, 166, 58) 4px 4px 4px;' Das funktioniert korrekt, und der Gegenstand wird korrekt angezeigt. Sobald der Gegenstand jedoch ausgewählt ist, wird der RGB-Wert weggelassen und durch 0 ersetzt. 'text...
benvmatheson
Es sieht so aus, als würde 'targetUpdated' zweimal ausgeführt, wenn das Element angeklickt wird. Einmal mit dem richtigen Wert 'rgb(89, 89, 89) 5px 6px 7px' und ein zweites Mal mit 'rgb' gelöscht '0 5px 6px 7px'. Das würde erklären, warum...
artf
Ja, ich bin mir dieses Problem bereits bewusst. Leider ist der Style-Manager-Parser ziemlich dumm und er teilt den Wert einfach durch einen Separator, in diesem Fall ''' '' (Raum), und verteilt Splits auf relative Eigenschaften nach deren...
benvmatheson
Das scheint ein großes Projekt zu werden, wegen der Abhängigkeiten zwischen den Browsern. Wäre es sinnvoll, ein Drittanbieter-Modul einzubauen, anstatt zu versuchen, das in Grapes zu lösen?
Ich versuche, die Symbolleiste zum Ebenen-Panel hinzuzufügen, und ich bin mir nicht sicher, wie ich das angehen soll. Gibt es eine Möglichkeit, das zu erreichen? Werkzeugleiste ! Werkzeugleistenicons Wo ich sie platzieren möchte: ! layersPannelGrapesJS Danke für eure Antwort, Leute!
artf
Im Moment gibt es keine einfache Möglichkeit, den Inhalt von Navigator-Objekten zu ändern oder anzupassen. Was wir als Nächstes hinzufügen könnten, ist eine neue Rückrufoption in configs, die innerhalb der ItemView-Vorlage ausgeführt wird...
mario-digital
@pouyamiralayi Das meine ich ! aktualisiertTBimg
artf
Tatsächlich sollte es jetzt möglich sein, die 'layerManager.onRender'-Callback-Option zu verwenden
Ich weiß, dass es einen älteren Thread mit Rulers-Unterstützung als vorgeschlagenen Roadmap-Item gibt (aber der wurde geschlossen) – ich frage mich nur, ob es eine Chance gibt, das in Zukunft in GJS zu sehen? - Wäre eine großartige Ergänzung – ich schreibe gerade Crop/Bleed-Marks-Plugins, auch für responsives Druckdes...
ronaldohoch
Hallo, das hilft: https://github.com/Ju99ernaut/grapesjs-rulers
artf
Ich frage mich nur, ob es eine Chance gibt, das in Zukunft in GJS zu sehen? Klar, vielleicht sehen wir es eines Tages, aber im Moment ist es nicht meine Priorität, also wenn jemand anderes das als PR starten möchte, wäre das großartig
artf
Danke @ronaldohoch, ich werde das zugunsten des Plugins schließen
Dies würde eine modernere und sauberere API bieten als der derzeitige callback-basierte Ansatz. Vorgeschlagene API: '''javascript Redakteur. StorageManager.add('simple-storage', { laden: asynchrone tasten => { const result = await foo(keys) return JSON.parse(result) }, async store(data) { const result = await bar(data...
tom-sherman
Danke für deine Gedanken! Hoffentlich habe ich diese Woche Zeit, es umzusetzen
artf
Richtig cooler Feature-Wunsch, Tom, ich würde eine PR total schätzen. Ich würde auf jeden Fall deinen ersten Ansatz wählen, die aktuelle API nicht zu knacken ist immer ein Ziel, das man erreichen muss. Allein die Möglichkeit hinzuzufügen,...
artf
Mit der neuen StorageManager-Refaktorisierung kann dies geschlossen werden https://github.com/artf/grapesjs/pull/4223
Ich wollte 'min-height' und 'max-width' zu den Standardeigenschaften hinzufügen. Ist es möglich, diese neben 'Max-Height' zu setzen, statt am Ende des Sektors? Oder muss ich einfach den gesamten Sektor manuell definieren, um die Immobilienreihenfolge zu verwalten? Außerdem war ich einfach neugierig, warum diese nicht...
benvmatheson
Für die Zukunft: Das scheint eine Standardkonfiguration zu sein, falls jemand sie als Basis verwenden muss: https://github.com/artf/grapesjs/blob/dev/index.html#L89
artf
Ist es möglich, diese neben der maximalen Höhe statt am Ende des Sektors hinzuzufügen? Oder muss ich einfach den gesamten Sektor manuell definieren, um die Immobilienreihenfolge zu verwalten? Leider muss man derzeit den gesamten Sektor def...
Hallo, Ich füge STATE im Style Manager :before und :after hinzu, aber alle Styles werden auf die Komponente angewendet.
artf
Meinst du während des Schnitts? Siehst du es gut, wenn du die Komponente deaktivierst?
abozhinov
Ja, während des Schnitts. Meine Idee war, die Pseudo-Elemente zu implementieren. Wenn du eine Komponente auswählst, um den Zustand wie zu schweben, aber auf :after oder :davor. Das Problem ist, dass ich den Inhalt: '' in die CSS-Regel setz...
artf
Okay, aber ist es richtig, wenn man das Bauteil deaktiviert?
Wenn Sie die Demo-Seite in Safari öffnen, können Sie den Text nicht bearbeiten.
artf
Mmm, es scheint, als würden die 'draggable' (eingeführt in https://github.com/artf/grapesjs/releases/tag/v0.15.3 mit der Option 'draggableComponents') und 'contendeditable' in Safari nicht gut zusammenarbeiten Für den Moment kann ich nur v...
gaglioffo
Hallo, dasselbe Problem wie bei Firefox und Edge in der letzten Version. Danke
jesusdp
mmm scheint es, als würden draggable (eingeführt in https://github.com/artf/grapesjs/releases/tag/v0.15.3 mit der draggableComponents-Option) und contendeditable in Safari nicht gut zusammenarbeiten Fürs Erste kann ich nur vorschlagen, dra...
Anhand des folgenden Codebeispiels... ''' html <Div Style="Height: 100px;"> Etwas Platz oben oder links </div> <div id="gjs"> <p style="Polsterung: 25px"> Hesdllo World!!</p> </div> Das führt dazu, dass keine Möglichkeit besteht, Elemente per Drag-and-Drop-Symbol auf dem Panel zu korrigieren. ! Bild Siehe Geige zur De...
pouyamiralayi
Das ist doch nur für das Drag-Icon, oder? Das manuelle Ziehen ist in Ordnung. Mit dem Drag-Icon setzt es die Position des Elements von oben zurück, wie es scheint.
niisar
das gilt doch nur für das Drag-Icon, oder? Das manuelle Ziehen ist in Ordnung.mit dem Drag-Icon setzt es die Position des Elements von oben zurück, wie es scheint. Ja, das gilt nur für das Drag-Icon.
artf
Ja, das Problem hier ist das unterschiedliche Event-Objekt je nach Kontext. Wenn du den Drag auf die Komponente selbst auslöst, befindet sich das Ereignis im Kontext des iFrames (weil das angeklickte Element im iframe ist), aber die Button...