GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v93 Reproduzierbarer Demo-Link https://codepen.io/damnslow/pen/yLXXOxQ Beschreibe den Käfer Wie reproduziert man den Bug?Wählen Sie beide Elemente ausZiehen mit dem Zug-Symbol Was ist das erwartete Verh...
artf
Absolute Positioning hat derzeit mehr als ein Problem, und ich möchte sie hier alle ansprechen:[ ] Falsche Position auf einem anderen Gerät[ ] Falsche Position auf einer verzogenen/gepannten Leinwand[ ] Falsche Position für Kinder der abso...
itscarlosrufo
Hallo zusammen, Vielen Dank für das Feedback und die ausführliche Diskussion. Wir freuen uns, mitteilen zu können, dass wir einige der gewünschten Funktionen angesprochen haben. Außerdem haben wir ein neues Absolute-Mode-Plugin eingeführt,...
fmfeit
Hallo @artf, diese Funktion ist für mein aktuelles Projekt entscheidend, daher habe ich zwei Fragen: Ist es möglich, Sie (oder jemand anderes) dafür zu bezahlen, diese Funktion zu priorisieren? Falls nicht, können Sie die notwendigen Schri...
Hallo @artf ich möchte die Drag-Funktion von '''dmode "absolute"''' übersteuern. Ab jetzt können wir uns frei über die Leinwand bewegen, und wenn man sich irgendwo auf dem Desktop bewegt, ist das auf dem anderen mobilen und Tablet-Gerät nicht dasselbe. Außerdem möchte ich bei Pixeln prozentual angeben, damit es auf de...
artf
Du musst den Befehl ComponentDrag extend
GJSBlock
Danke, dass du das gemeldet hast, @Abhisheknanda1344463. Toller Vorschlag zum Überschreiben von Drag-Funktionen! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, ähnliches Verhalte...
Diskutiert in https://github.com/artf/grapesjs/discussions/3711 <div type='discussions-op-text'> <sup>Ursprünglich veröffentlicht von ltenti am 17. August 2021</sup> Hallo zusammen, Ich frage mich, wie ich mit so einem Szenario umgehen kann:Ich muss den Nutzern meiner Anwendung erlauben, eine Webseite zu bearbeitenDie...
Danke, dass du das gemeldet hast, @ltenti. Toller Vorschlag zu Teilparse! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, ähnliches Verhalten zu erreichen. Verwendung des Ereignis...
GrapesJs ist der beste Seitenbauer! :Herz: Entschuldigung, ich bin neu bei GrapesJs. Kann ich Unterstützung für Vue-Komponenten hinzufügen?
GJSBlock
Danke, dass du das gemeldet hast, @denisoed. Toller Vorschlag zu ist es möglich, das Rendern von Vue-Komponenten einzurichten?! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, ähn...
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
Die Zeichenkette hier soll eine Abfrage-Zeichenfolge sein, daher versucht sie, ein 'Wrapper'-Tag abzufragen, das offensichtlich nicht existiert. Der Editor fügt allen Komponenten im Frame das Attribut 'data-gjs-type' zu, sodass die Abfrage...
anatoli-dp
Ah, das ergibt jetzt viel mehr Sinn . . . Danke, das hat das Problem gelöst
GJSBlock
Danke, dass du das gemeldet hast, @anatoli-dp. Das Problem mit Draggable setzen: 'Wrapper' fällt nicht im Wrapper aus, scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies passiert typischerweise, wenn sich Kompo...
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...
Grapesjs Style Manager hat so viele schöne Eigenschaften, aber es besitzt keinen Texteigenschaftstyp, Warum also nicht hinzufügen
artf
@aliibrahim123 wenn Sie keinen Typ angeben, wird eine einfache Texttyp-Eigenschaft erstellt :)
aliibrahim123
Hallo Ich habe eine einfache Textproporty-Schrift erstellt Das ist der Code styleManager.addType('text', { create({ props, change }) { const el = document.createElement('div'); el.innerHTML = '<input type="text" class="my-input" />'; const...
GJSBlock
Danke, dass du das gemeldet hast, @aliibrahim123. Toller Vorschlag zu FEAT: Style Manager Texttyp! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, ähnliches Verhalten zu erreichen...
Hallo, @artf Wie ich gelesen habe, erlaubt allowScripts:1, dass grapesjs Skripte laden. Wenn ich eine LandingPage zum ersten Mal lade, funktioniert sie einwandfrei. Es lädt komplett JavaScript. Danach benutze ich editor.setComponents(html) oder pageManager.select(pageId) für denselben HTML-String wie LandingPage . Jav...
GJSBlock
Danke, dass du das gemeldet hast, @NoumanAhmad-Braqsol. Toller Vorschlag zu [QUESTIONS] editor.setComponents(html) und pageManager.select(pageId) laden keine js-Skripte! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalt...
Eine Sache, die meiner Meinung nach großartige Funktionen hinzufügen würde, ist ein detaillierterer Geschichts-Stack. Man kann den Rückgängig-Stack herunterladen und daraus eine Art Geschichtsbericht aller vorgenommenen Änderungen erstellen, aber es ist etwas unklar, was jede Bearbeitung war (zumindest für mich, also...
artf
Hallo @anatoli-dp, die Möglichkeit, die Rückgängigkeitshistorie anzuzeigen, wäre wirklich super cool, und ich habe schon darüber nachgedacht, wie ich das UndoManager-Modul erweitern könnte, um diese Art von Funktionalität über ein Plugin z...
anatoli-dp
Ja, ich weiß, wie man auf den Stack zugehegt, ich weiß nur nicht, wie ich ihn interpretieren soll, um dem Endnutzer eine aussagekräftigere Beschreibung zu geben
artf
ich weiß einfach nicht, wie ich es interpretieren soll, um dem Endnutzer eine aussagekräftigere Beschreibung zu geben Jede UndoAction (jede Instanz des Stacks) zeigt dir den Aktionstyp (z. B. 'hinzufügen', 'entfernen', 'zurücksetzen', 'änd...
Was versuchst du zu GrapesJS hinzuzufügen? Ich habe eine alternative Textbearbeitungskomponente implementiert (nicht auf RTE basierend). Ich möchte, dass die Leute Text in dieser Komponente per Drag auswählen können. Beschreibe deine Feature-Anfrage detailliert Das Problem ist, dass die Drag-Auswahl auch das Ziehen de...
Würde das nicht jegliches Ziehen deaktivieren, selbst aus der Symbolleiste und dem Layer-Manager?
anlumo
Ich habe es gerade getestet, ein weiteres Problem ist, dass der Drag-Vorgang das Ereignis immer noch verbraucht, es wird nur die Komponente deaktiviert.