GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? AlleReproduzierbarer Demo-Link KeineBeschreibe den Käfer Nach der Dokumentation zum Erstellen eines Plugins mit der Verwendung von typescript und der Verwendung der Funktion "usePlugin" zum Importieren des Plugi...
sneddobuilds
Ich habe dasselbe Problem.
GJS Helper
Der TypeError: g.usePlugin is not a function Fehler in GrapesJS entsteht typischerweise durch ein Missverständnis darüber, wie Plugins registriert und geladen werden, insbesondere durch Verwechslung des globalen grapesjs Library-Objekts mi...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? All and None, der Bug liegt während des Builds Reproduzierbarer Demo-Link unnötig Beschreibe den Käfer Wie reproduziert man den Bug? Nutze NPM, um GrapesJS zu installieren und es in einem Typescript-Projekt zu...
artf
Das scheint mit https://github.com/microsoft/TypeScript/issues/35945 zusammenzuhängen. Als Workaround könntest du vorerst so etwas machen: '''js pluginsOpts: { [myPlugin.toString()]: { customField: 'customValue' } }
jchautreux
Das klingt nach einer guten Idee
artf
Den Helfer hier hinzugefügt (ich werde die Dokumentation später auch mit der Nutzung aktualisieren)
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? All and None, der Bug liegt während des Builds Reproduzierbarer Demo-Link unnötig Beschreibe den Käfer Wie reproduziert man den Bug?Ein leeres Projekt erstellenNPM verwenden, um GrapesJS und ein Plugin zu inst...
artf
Ich schließe das in Bezug auf https://github.com/GrapesJS/grapesjs/issues/5149
jchautreux
Das ist nicht wirklich dasselbe Problem, im #5149 hängt der Fehler damit zusammen, wie man Plugin-Optionen während der Tool-Initialisierung einstellt. Hier hängt der Fehler mit dem letzten Update des Projekts zusammen, das eine neue index....
artf
In der vorherigen Version hatte 'index.d.ts' dieselbe Signatur für Plugins, daher bin ich mir nicht sicher, auf welche Änderung du dich beziehst. https://github.com/GrapesJS/grapesjs/blob/095466c8cc8034e54888d67beef4cb9296c823e4/index.d.ts...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Alle Reproduzierbarer Demo-Link Keine Beschreibe den Käfer Die Definition der Funktion, die sich hier befindet: https://github.com/GrapesJS/grapesjs/blob/v0.21.1/src/panels/index.ts#L82 erfordert die Daten, di...
duclet
@artf – Du hast den ganzen Satz nicht gelesen. Man sieht deutlich im Code selbst, dass das Argument als vollständiges 'Panel'-Objekt benötigt wird. In deinen Dokumenten (wie verlinkt) gibst du ihm im Beispiel nicht das vollständige Objekt...
artf
Die Dokumentation auf der Seite besagt, dass die angegebenen Parameter nur ein Objekt mit den Eigenschaften sein dürfen Entschuldigung, wo genau liest du diese Aussage?
GJS Helper
Danke, dass Sie das gemeldet und uns darauf aufmerksam gemacht haben. Es ist wichtig, Klarheit zwischen Typdefinitionen und Dokumentation zu gewährleisten. Nach Überprüfung des Quellcodes von GrapesJS v0.21.1 und der Dokumentation scheint...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Version 1.51.110 Chromium: 113.0.5672.77 (Offizieller Build) (64-Bit) Reproduzierbarer Demo-Link https://grapesjs.com/docs/getting-started.html#add-blocks Beschreibe den Käfer Unter Linux Wayland (Arch, Linux...
artf
Wenn ich mit derselben Brave-Version (auf Mac) nachprüfe, scheint Drag and Drop einwandfrei zu funktionieren, sodass es nicht nach einem Problem mit GrapesJS selbst oder dem Browser aussieht. Wenn jemand anderes dasselbe erlebt oder mehr K...
gxanshu
Ich habe dasselbe Problem mit Tauri. Sie nutzen WebGTK und Drag & Drop funktionieren dort auch nicht so gut
putzwasser
Indem ich mit derselben Brave-Version (auf Mac) prüfe, funktioniert Drag & Drop einwandfrei, sodass es nicht nach einem Problem mit GrapesJS selbst oder dem Browser aussieht. Ich halte das nicht für eine gültige Prüfung. Du hast ein völlig...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? FireFox 112.0 (64-Bit) Reproduzierbarer Demo-Link Kein Demo-Link Beschreibe den Käfer Ich habe kürzlich von v0.20.1 auf v0.21.1 aktualisiert. Viele Typen, die in v0.20.1 existierten, wurden in v0.21.1 auf 'bel...
artf
Danke@ngoc199 bitte sagt mir Bescheid, falls noch andere Deklarationen aus den vorherigen Versionen fehlen
GJS Helper
Dies ist ein bekanntes Problem im Zusammenhang mit den TypeScript-Deklarationsdateien ('.d.ts') in GrapesJS v0.21.1. Das Problem entsteht, weil die Typdefinitionen für bestimmte Kernfunktionalitäten, wie 'Components.addType' und die 'model...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 111 Reproduzierbarer Demo-Link https://jsfiddle.net/zfkuq7sh/ Beschreibe den Käfer Einige Texte sind übersetzt, andere nicht. Manche werden erst übersetzt, nachdem ich auf eine Werkzeugtaste klicke, dan...
artf
@applibs ich nicht helfen kann, wenn du keine gültige, reproduzierbare Demo bereitstellst, bitte alle fehlenden Abhängigkeiten hinzufügen.
GJSBlock
Danke, dass du das gemeldet hast, @applibs. Das Problem mit Lokalisierung funktioniert seltsam scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies passiert typischerweise, wenn sich Komponenten-Lebenszyklusereig...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Jede Reproduzierbarer Demo-Link Nein Beschreibe den Käfer Ich glaube, viele Links von 'Konfigurationsobjekten' in der Dokumentation führen immer noch zu JavaScript-Dateien, aber der Code wurde auf TypeScript a...
GJSBlock
Danke, dass du das gemeldet hast, @himansh-gjr. Das Problem mit unterbrochenen Links in der Dokumentation scheint ein Rennzustands- oder State-Management-Timingproblem zu sein. Dies passiert typischerweise, wenn sich Komponenten-Lebenszykl...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome Version 110.0.5481.100 (Offizielle Version) (arm64)Reproduzierbarer Demo-Link KeineBeschreibe den Käfer Ich versuche, in React den Block Manager anzupassen, wie in diesem Beispiel Vue Block Manager, aber...
artf
@besart-k musst du eine reproduzierbare Demo bereitstellen, denn wenn sie mit dem aktuellen Vue-Demo-Beispiel funktioniert, sollte sie in React nicht anders sein. Vielleicht benutzt du eine alte Version von grapesjs oder machst etwas falsc...
GJSBlock
Danke, dass du das gemeldet hast, @besart-k. Tolle Frage, ob block:custom auf React nicht funktioniert. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome NeuesteReproduzierbarer Demo-Link https://codesandbox.io/s/interesting-bell-xntbtrBeschreibe den Käfer Wie reproduziert man den Bug?Gehe zur CodesandboxDrag & Drop benutzerdefinierten Code-Block.Fügen Sie...
artf
Dies geschieht aufgrund der button-Implementierung im forms plugin, die nur Textknoten als Kinder zulässt. Wenn du das Form-Plugin entfernst, kannst du das "Element" sehen <a>(wenn du möchtest, kannst du auch die Button-Komponente mit dein...
handhikadj
Was ist also der Code für die "normale" Implementierung des Buttons? Übrigens, darf ich wissen, warum du den Button im Forms-Plugin so verhalten lässt?
artf
Wenn ich mich richtig erinnere, war der Hauptgrund für das Problem mit der Inline-Textbearbeitung mit Button-Elementen, also war dieser Ansatz der einfachste Weg, ein häufiges Problem zu beheben. Ich denke, die "normale" Implementierung wä...