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

GrapesJS-Probleme

3,464 parsed GitHub-Probleme — 370 gelöst · 90 ist geöffnet. Suchen, filtern und erkunden Sie bewährte Antworten.

220-Probleme gefunden

🔍 canvas
#36735. August 2021von imouou2-Antworten
0-Reaktionen

Option Resizable:True ändert alle gleichen Komponenten in Canvas.

WARNUNG LIES und FOLGE den nächsten 3 Schritten, dann ENTFERNE SIE vor dem Posten des ProblemsBefolgen Sie die BEITRAGENDEN Richtlinien https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdMach zuerst eine schnelle SUCHE, um zu sehen, ob jemand anderes das gleiche Problem nicht geöffnet hatAlle zugehörigen Auss...

artf

Verwenden Sie Komponenten-zuerst-Styling '''js grapesjs.init({ ... selectorManager: { componentFirst: true, ... }, }) ```

GJSBlock

Danke, dass du das gemeldet hast, @imouou. Das Problem mit Option resizable:true ändert alle gleichen Komponenten in Canvas. scheint ein Rennbedingungs- oder State-Management-Timingproblem zu sein. Dies passiert typischerweise, wenn sich K...

#36683. August 2021von anatoli-dp4-Antworten
0-Reaktionen

Cant Reset Canvas after Moving/scaling it

WARNUNG LIES und FOLGE den nächsten 3 Schritten, dann ENTFERNE SIE vor dem Posten des ProblemsBefolgen Sie die BEITRAGENDEN Richtlinien https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdMach zuerst eine schnelle SUCHE, um zu sehen, ob jemand anderes das gleiche Problem nicht geöffnet hatAlle zugehörigen Auss...

artf

Ich bin mir nicht sicher, ob ich dein Problem verstehe, wie bewegt/skaliert man genau die Leinwand? das ist nicht zusammenhängend, aber gibt es eine Funktion, mit der man den Inhalt zoomen kann, nicht die Leinwand? Wenn ich es also skalier...

anatoli-dp

Ich skaliere es mit dem Editor. Canvas.setZoom verwenden und mit der Leertaste verschieben. Im Moment habe ich entfernt, was ich gemacht habe, aber es war so etwas wie das Leinwand-Element zu bekommen und es einfach mit einem Stil-Update z...

artf

Wenn Sie von den bewegten Koordinaten sprechen, haben wir dafür noch keine direkte API, aber Sie können sie tatsächlich auf folgende Weise erhalten oder aktualisieren: '''js const canvasModel = Editor. Canvas.getModel(); Werte erhalten con...

#365530. Juli 2021von TRIGGEREDcoder2-Antworten
0-Reaktionen

Die Änderungen der Formular-Button-Namen werden nicht im generierten HTML-Code erfasst

Version: Version 0.17.19 (grapesjs) Version 0.1.11 (grapesjs-preset-webpage) Kannst du den Fehler aus der Demo reproduzieren?[ ] Nein Was ist das erwartete Verhalten? Wenn ich den Namen eines Knopfes ändere, indem ich den Text in den Komponenteneinstellungen ändere. Die Änderung sollte sowohl im Canvas als auch im HTM...

artf

Hallo @TRIGGEREDcoder es gibt ein Problem mit dem voreingestellten Webseiten-Plugin, das auf das alte Form-Plugin mit dem Fehler verweist. Deshalb schließe ich dieses, da es nicht Teil des Kerns ist, und werde die Plugin-Referenz bald aktu...

GJSBlock

Danke, dass du das gemeldet hast, @TRIGGEREDcoder. Das Problem mit den Namensänderungen der Formular-Schaltfläche werden nicht im generierten HTML-Code erfasst scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies...

#36079. Juli 2021von gMakaan1-Antwort
0-Reaktionen

Code viewer - go to selected canvas block(s)

Wenn auf 'Code anzeigen' geklickt wird und wir Element(e) in der Canvas ausgewählt haben, kann der Code-Viewer den entsprechenden Code anzeigen und ihn mit OuterHTML auswählen – eine großartige Funktion für sofortiges Kopieren oder schnelle Inspektion.

GJSBlock

Danke, dass du das gemeldet hast, @gMakaan. Toller Vorschlag zum FEAT: Code Viewer – gehe zu ausgewählten Leinwand-Blöcken! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, ähnlich...

#35997. Juli 2021von niranjank1512-Antworten
0-Reaktionen

@keyframes fügt nicht hinzu, selbst nachdem ich das Keyframes-Objekt weitergegeben habe

Hallo @artf, Ich habe die 'Let CC = Editor. CssComposer; cc.setRule('.fadetop-animate', { Opazität: 0, 'animation-name': 'fadeTop' }, { atRuleType: 'Keyframes', atRuleParams: 'fadeTop', Selektor: 'To', Stil:{ Opazität: 1 } });` gemäß dem Dokument [](https://grapesjs.com/docs/api/css_composer.html#setrule) Allerdings w...

artf

Nimm diesen hier '''js Redakteur. CssComposer.getAll().add('@keyframes fadeTop { ... }') // Dein CSS-String ```

GJSBlock

Danke, dass du das gemeldet hast, @niranjank151. Gute Frage zu @keyframes nicht hinzufügen, selbst nachdem ich das Keyframes-Objekt weitergegeben habe. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fan...

#357930. Juni 2021von mcottret4-Antworten
2-Reaktionen

RTE wurde beim Öffnen direkt nach dem Entfernen der Komponente 'activeOnRender' verloren

Version: 0.17.4 Kannst du den Fehler aus der Demo reproduzieren?[x] Ja[ ] Nein Schritte zur Reproduktion:Geh zum DemoEinen "Text"-Block in die Leinwand legenKlicken Sie auf die gerade weggelassene "Text"-KomponenteDie geöffnete RTE ist fehl platziert (vgl. angehängter Screenshot) Was ist das erwartete Verhalten? Die g...

artf

Ja, ich denke, du hast recht. Es macht eigentlich keinen Sinn, RTE zu aktivieren, ohne die Komponente auszuwählen (wahrscheinlich macht es bei allen anderen "aktivierbaren" Blöcken Sinn).

gustavohleal

Hallo. Ich und @ronaldohoch haben eine Lösung für dieses Problem gefunden. Wir lösen das Scroll-Event aus, wenn das RTE aktiviert ist. Hier ist der Code: '''javascript Lösen Sie das Scroll-Event von der Leinwand aus, sodass Grapesjs CKEdit...

ronaldohoch

Hallo, ich habe gerade die Datei von Commit bb4a661 aktualisiert, und ich glaube, es ist so nah dran, ich benutze den grapesjs-ckeditor-Code und das erste Öffnen von RTE, es ist richtig platziert: ! Bild Aber beim zweiten Mal ist die RTE w...

#357729. Juni 2021von alimajed933-Antworten
0-Reaktionen

Die UndoManager-Methode hatUndo() gibt true zurück, obwohl sie es nicht sollte

Ich versuche, die Rückgängig-Taste zu deaktivieren, wenn es keine Rückgängig-Aktionen gibt. Dazu höre ich das Ereignis "change:changesCount" und benutze "editor?". Attribute?. UndoManager? hasUndo()', um den Rückgängig-Button als deaktivierten Status zu setzen. 'editor.on('change:changesCount', editor => setHasUndo(ed...

artf

Es gibt also eine zusätzliche Aktion, die der Warteschlange hinzugefügt wird, obwohl sie das nicht sollte, nämlich wenn ich einen Block über die Leinwand ziehe. Nicht wirklich, kannst du eine reproduzierbare Demo erstellen, da ich sie nich...

no-response[bot]

Diese Angelegenheit wurde automatisch geschlossen, da auf unsere Anfrage nach weiteren Informationen vom ursprünglichen Autor keine Antwort erhalten wurde. Mit nur den aktuellen Informationen in der Ausgabe haben wir nicht genug Informatio...

GJSBlock

Danke, dass du das gemeldet hast, @alimajed93. Gute Frage zu Die UndoManager hasUndo()-Methode gibt true zurück, obwohl sie es nicht sollte. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überpr...

#357528. Juni 2021von jcsofts3-Antworten
0-Reaktionen

Grapes.min.js:2 Uncaught TypeError: Kann die Eigenschaft 'length' von undefined nicht lesen

Ich bekam diese Fehlermeldung, als ich die hinzugefügt habe. <iframe src="https://app.conversiobot.com/boot/fvMEvO" width="100%" height="500" frameBorder="0" allow="geolocation"></iframe> Ich habe die benutzerdefinierte Code-Komponente verwendet. Mein Code funktioniert mit 0.17.4 einwandfrei, aber mit 0.17.19 bekam ic...

artf

Danke für den Bericht, der Fix ist bereit für die nächste Version.

rahul-singh-bv

Ich habe ein ähnliches Problem mit v0.19.5, wenn ich versuche, ein iframe in einen benutzerdefinierten Codeblock einzufügen

GJSBlock

Danke, dass du das gemeldet hast, @jcsofts. Der Fehler TypeError: Kann die Eigenschaft 'length' von undefined nicht lesen tritt auf, wenn Canvas versucht, auf Eigenschaften zuzugreifen, bevor der Komponentenlebenszyklus vollständig initial...

#356424. Juni 2021von theSC0RP4-Antworten
0-Reaktionen

Unable to refresh the iframe

0.17.19 Kannst du den Fehler aus der Demo reproduzieren? JA Was ist das erwartete Verhalten? Ich hatte eine Frage bezüglich iframe-Aktualisierung (#3413) gestellt. Die vorgeschlagene Lösung funktionierte für diese Version (0.17.3), und nachdem der Code ausgeführt wurde, sollte der iframe aktualisiert werden und die Le...

artf

Ich müsste nachsehen, warum er immer noch versucht, den Rahmen zu entfernen, aber vorerst einfach diese Zeile 'frameView.remove()' überspringen.

theSC0RP

@artf. Danke. Das funktioniert, wenn es einmal gemacht wird. Wenn ich eine Aktion wie einen Klick im Canvas ausführe und dann erneut 'frameWrapView.render()' ausführe, bekomme ich einen weiteren Fehler. Der Screenshot und ein Video dieses...

artf

Ich werde versuchen, das in der nächsten Version zu beheben, aber vorerst musst du die Komponenten vor 'frameWrapView.render()' deaktivieren und nach dem Rendern wieder auswählen

#356023. Juni 2021von hadeel944-Antworten
2-Reaktionen

Customize Blocks Styles - grapesjs Angular

Ich bin neu bei grapes JS und versuche, die Blöcke beim Ziehen in einem anderen Stil zu gestalten zum Beispiel die Bildblöcke 1 – wenn nicht gezogen oder schwebend, nimmt er Stil A an. 2 – wenn der Hover Stil B annimmt. 3- Beim Ziehen nimmt Stil C (wenn es über der Leinwand liegt). Kann mir jemand bei diesem Problem h...

ronaldohoch

Vielleicht schaffst du es mit diesen Events: https://grapesjs.com/docs/api/editor.html#blocks oder https://grapesjs.com/docs/api/editor.html#canvas

artf

In so einem Fall ist wahrscheinlich eine komplett benutzerdefinierte Blockmanager-UI der einzige Weg (z. B. von deiner eigenen BlockManager-Komponente in Angular gerendert). Es sollte schon möglich sein, aber ich nehme mir lieber Zeit und...

hadeel94

In so einem Fall ist wahrscheinlich eine komplett benutzerdefinierte Blockmanager-UI der einzige Weg (z. B. gerendert durch deine eigene BlockManager-Komponente in Angular). Es sollte schon möglich sein, aber ich nehme mir lieber Zeit und...

Durchsuchen Sie alle Themen