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.

466-Probleme gefunden

🔍 components
#45035. August 2022von gustavohleal4-Antworten
0-Reaktionen

Fehlende Inline-Stile, die von CKEditor beim Hinzufügen von rohen HTML-Komponenten verwendet werden,

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrom v96 Reproduzierbarer Demo-Link https://grapesjs.com/demo-newsletter-editor.html Beschreibe den Käfer Wie reproduziert man den Bug?Öffne die Entwicklertools im Konsolen-TabFühre den untenstehenden Code au...

shkhalid

+1

pety-dc

Hey Ich habe ähnliche Probleme. Ich denke, es ist ziemlich ernst, da sowohl der Newsletter als auch die MJML-Demo betroffen sind. (Beide nutzen CKeditor als RTE) Wenn ich einen Inhalt importiere, der einen Text (mj-text) mit stilierten Ele...

raymondmakz

CKEDITOR-Ausgabe: '<div>Etwas Rich Text von <Span Style="color:blue">ckeditor'</span></div> Nach dem Parsen in den Editor werden Sie so: '<div data-gjs-type="text">Etwas Rich Text aus <SPAN: STYLE="COLOR:Blue" data-gjs-type="default">ckedi...

#44973. August 2022von benryanwilliams4-Antworten
3-Reaktionen

Ein Update auf GrapesJS v19.5 von v18.4 führt dazu, dass Chrome nicht mehr reagiert

GrapesJS-Version[x] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome 104.0.5112.79Reproduzierbarer Demo-Link https://jsfiddle.net/gvrnw2c3/4/Beschreibe den Käfer Wie reproduziert man den Bug? Ich kann den Fehler derzeit nicht mit jsfiddle reproduzieren, was mich vermuten l...

tyuterry

Eine Reproduktion auf Fiddle (mit Vue) Ich kann mich ohne Vue nicht fortpflanzen jsfiddle Schritte zur Reproduktion des Problems:Fügen Sie eine Textkomponente hinzuWähle die Textkomponente aus und klicke dann unten auf die Schaltfläche 'Be...

artf

Danke euch, ich konnte es tatsächlich reproduzieren, indem ich das Beispiel in Vue eingewickelt habe, aber ich bin mir nicht sicher, warum es hier in der Schleife steckt. Auf den ersten Blick scheint es mit den Proxy-Beobachtern von Vue zu...

benryanwilliams

Danke @artf, alles funktioniert jetzt einwandfrei, nachdem ich den Editor außerhalb der Vue-Instanz deklariert habe.

#44953. August 2022von TechyMS1-Antwort
0-Reaktionen

Button component is not working

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Was ist das erwartete Verhalten? Die Knopfkomponente funktioniert nicht.Verhaltenskodex [X] Ich verpflichte mich, den Verha...

GJSBlock

Danke, dass du das gemeldet hast, @TechyMS. Das Problem mit Button-Komponente funktioniert nicht scheint ein Rennbedingungs- oder State-Management-Timing-Problem zu sein. Dies passiert typischerweise, wenn sich Komponenten-Lebenszykluserei...

#448127. Juli 2022von skru2-Antworten
0-Reaktionen

V0.19.5 Zerstört headless editor.setComponents() (mit Map/Video-Block)

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 102.0.5005.115 (Offizielle Version) (64-Bit) Reproduzierbarer Demo-Link Beschreibe den Käfer Dies ist eine Erweiterung von #4473 Beim Hinzufügen eines Map- oder Videoblocks über editor.setComponents() i...

artf

Danke@skru ich habe mich tatsächlich schon um das ParseUri hier gekümmert, also sollte es in der nächsten Version funktionieren

GJSBlock

Danke, dass du das gemeldet hast, @skru. Das Problem mit v0.19.5 Breaks headless editor.setComponents() (mit Map/Video-Block) scheint ein Race-Condition- oder State-Management-Timing-Problem zu sein. Dies passiert typischerweise, wenn sich...

#448026. Juli 2022von ValouZ2-Antworten
0-Reaktionen

Iframe on a block can't be edited

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox v102.0.1 Reproduzierbarer Demo-Link Das ist Arbeitscode, ich kann nicht... Beschreibe den Käfer Wie reproduziert man den Bug?Ziehen Sie das Video per Drag & Drop auf die SeiteDu wirst sehen, dass du mi...

artf

Danke @ValouZ für den Bericht, es gibt tatsächlich einen Tippfehler in der iframe-Ansicht. Ich kümmere mich um das für die nächste Veröffentlichung.

GJSBlock

Danke, dass du das gemeldet hast, @ValouZ. Tolle Frage zu Iframe auf einem Block kann nicht bearbeitet werden. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokument...

#447422. Juli 2022von bimsina3-Antworten
2-Reaktionen

Running in headless mode requires window

GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome 103.0.5060.134Reproduzierbarer Demo-Link https://stackblitz.com/edit/node-zrdtg4?file=index.jsBeschreibe den Käfer Wie reproduziert man den Bug?Editor im headless-Modus initialisierenLaden Sie die Projekt...

skru

siehe #4473

artf

Hier behoben https://github.com/artf/grapesjs/commit/f61222ec904ed56794f7b97e362ea2006dfceaf6

GJSBlock

Danke, dass du das gemeldet hast, @bimsina. Gute Frage zum Laufen im headless-Modus erfordert Fenster. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentat...

#447322. Juli 2022von skru2-Antworten
0-Reaktionen

V0.19.5 bricht headless editor.setComponents(): "Uncaught (in promise) ReferenceError: Window is not defined"

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 102.0.5005.115 (Offizielle Version) (64-Bit) Reproduzierbarer Demo-Link Beschreibe den Käfer Wie reproduziert man den Bug? Ich kann das auf JSFiddle nicht reproduzieren, aber das ergibt irgendwie Sinn....

artf

Danke@skru ich kümmere mich darum

GJSBlock

Danke, dass du das gemeldet hast, @skru. Tolle Frage zu v0.19.5 Breaks headless editor.setComponents(): "Uncaught (in promise) ReferenceError: window is not defined". Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteue...

#446620. Juli 2022von capoia3-Antworten
1-Reaktionen

Change in traits does not update html

GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://jsfiddle.net/weellingtonc/t8hs9f67/2/ Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie die 'Button-Cube'-Komponente zum Arbeitsbereich hinzuKlicke auf den E...

skru

Zuerst muss dein Code in ein Plugin https://grapesjs.com/docs/modules/Components.html#define-custom-component-type gehen. Und du aktualisierst nicht das Modell der Komponente, sondern nur das HTML im Canvas... https://jsfiddle.net/jmweg8u1...

artf

Ja, genau, danke @skru Du kannst den 'Inhalt' auch direkt mit dem Merkmal verknüpfen, um auch den Anfangswert zu lesen. '''js Traits: [{ label: 'Texto do botão', typ: 'text', Name: 'content', changeProp: true }], ```

GJSBlock

Danke, dass du das gemeldet hast, @capoia. Gute Frage zu Änderung der Eigenschaften aktualisiert HTML nicht. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokume...

#445518. Juli 2022von mickeyDominic3-Antworten
0-Reaktionen

'panel-devices' and 'panel-switcher' conflicting

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 103.0.5060.114 Reproduzierbarer Demo-Link https://codepen.io/Dominic_M/pen/eYMgqyw Beschreibe den Käfer Wie reproduziert man den Bug?Folgen Sie GrapesJS "Getting Started" >> https://grapesjs.com...

artf

@mickeyDominic du alle Standardpanels unter dasselbe Objekt platzierst '''js Panels: { Standardeinstellungen: [{ id: 'Schichten', EL: '.panelright', // ... id: 'Panel-Switcher', EL: '.panelswitcher', }] }

mickeyDominic

Danke @artf. Dumm von mir:)

GJSBlock

Danke, dass du das gemeldet hast, @mickeyDominic. Tolle Frage zu 'Panel-Geräten' und 'Panel-Switcher' Widersprüchen. Der empfohlene Ansatz bei ProseMirror ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die Grapes...

#444713. Juli 2022von barryross3-Antworten
0-Reaktionen

Style manager does not accurately reflect inherited color

GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? 103.0.5060.114 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug?Klicke auf einen Elterncontainer, wie zum Beispiel die erste Komponente mit der Klasse...

artf

Hallo Barry, ja, derzeit ist das das erwartete Verhalten (siehe auch diese Diskussion), aber ich hoffe, eines Tages eine angemessene Unterstützung für vererbte Immobilien hinzuzufügen.

barryross

Okay, danke, dass du mich informiert hast Am Montag, 18. Juli 2022 um 9:29 Uhr ist Artur Arseniev @.> schrieb: Hallo Barry, ja, aktuell ist das das erwartete Verhalten (siehe auch das hier Diskussion <https://github.com/artf/grapesjs/discu...

GJSBlock

Danke, dass du das gemeldet hast, @barryross. Tolle Frage zu Style Manager spiegelt die geerbte Farbe nicht genau wider. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die G...

Durchsuchen Sie alle Themen