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
#328823. Februar 2021von ilsantuzzo2-Antworten
0-Reaktionen

Edit a clone without affect the cloned components

Mir ist aufgefallen, dass die geklonten und alle Klonkomponenten eine Spiegelbearbeitung haben. Gibt es eine Möglichkeit, das zu vermeiden? ! GJS

artf

Ich sollte die Korrektur heute 😬 veröffentlichen können https://github.com/artf/grapesjs/issues/3291

GJSBlock

Danke, dass du das gemeldet hast, @ilsantuzzo. Gute Frage zu Einen Klon bearbeiten, ohne die geklonten Komponenten zu beeinflussen. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen...

#328723. Februar 2021von RaresVlaiduc4-Antworten
1-Reaktionen

Wrapper styling

Zunächst einmal herzlichen Glückwunsch @artf zu diesem großartigen Projekt 💯 Ich arbeite gerade an einem Projekt und wollte fragen, ob ich den Wrapper (den Körper) bearbeiten kann, so wie ich andere Komponenten darin verarbeite. Zum Beispiel möchte ich die Polsterung der Verpackung bearbeiten, so wie ich es mit der H...

artf

Ja, @kuhelbeher, der Wrapper wird nach Plugins erstellt, sodass man ihn komplett als jede andere Komponente erweitern kann

artf

LE: Ich habe einen Weg gefunden. Ich überschreibe das stilierbare Array von getWrapper(), aber ich bin mir nicht zu 100 % sicher, ob das der richtige Weg ist. Können Sie das bestätigen? Ja, klar, das ist in Ordnung, aber wenn nötig, kannst...

kuhelbeher

kannst du die Wrapper-Eigenschaften auf init über die Option 'mainConfig.domComponents.wrapper' ändernhttps://github.com/artf/grapesjs/blob/18b2f95b7f844578dc2b28d786b126013d155d9e/src/dom_components/config/config.js#L9 Hallo, mir ist aufg...

#327919. Februar 2021von abulka2-Antworten
0-Reaktionen

How to make textnode editing update component content?

Ich baue eine benutzerdefinierte 'Textbereich'-Komponente und möchte, dass sie sich wie die eingebaute 'Text'-Komponente verhält, sodass das Bearbeiten des Textknotens auf der Grapesjs-Leinwand den 'Textknoten' aus '.components' aktualisiert. Und ich möchte, dass die Komponente korrekt als HTML exportiert wird, z. B....

artf

Hallo @abulka, da die Bearbeitung in der Ansicht stattfindet, solltest du das Komponentenmodell aktualisieren, sobald die Ansicht aktualisiert ist. Also sollte es bei so etwas funktionieren '''js model: { ... }, Ansicht: { Ereignisse: { Ei...

GJSBlock

Danke, dass du das gemeldet hast, @abulka. Das Problem mit Wie kann man Textnode-Bearbeitungen dazu bringen, Komponenteninhalte zu aktualisieren? scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies passiert typi...

#327818. Februar 2021von Dmurl51-Antwort
0-Reaktionen

Custom component view onRender is called early

Version: Im Codepen unten reproduziert mit 0.16.34 (zurückgegeben von https://unpkg.com/grapesjs) und 0.16.22 in einem Preact-Projekt Beschreibe den Bug detailliert Eine benutzerdefinierte GrapesJS-Komponente ruft die "onRender"-Funktion ihrer Ansicht auf, wenn die Komponente auf die Leinwand gerendert wird. Laut der...

GJSBlock

Danke, dass du das gemeldet hast, @Dmurl5. Das Problem mit Custom Component View on Render ist als früher bezeichnet, scheint ein Rennbedingungs- oder State-Management-Timingproblem zu sein. Dies passiert typischerweise, wenn sich Komponen...

#327015. Februar 2021von haizenbergD2-Antworten
0-Reaktionen

How to export JS code from angular components?

Hey, ich benutze Grapesjs in meiner Angular-App Ich habe eine benutzerdefinierte Angular-Komponente (im Grunde benutzerdefiniertes HTML, das mit Angular erstellt wurde) und versuche, Inhalte mit 'grapesjs-plugin-export' zu exportieren Das Problem, das ich habe, ist, dass nach dem Export kein JS-Code (der anfangs in An...

artf

Mehr über Komponenten mit JS findest du hier: https://grapesjs.com/docs/modules/Components-js.html#basic-scripts

GJSBlock

Danke, dass du das gemeldet hast, @haizenbergD. Tolle Frage zu Wie exportiert man JS-Code aus angularen Komponenten?. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die Grapes...

#32669. Februar 2021von amliu2-Antworten
0-Reaktionen

Wie erkennt man, aus welchem Block die ausgewählte Komponente generiert wird?

Ich frage mich, wie man eine umgekehrte Suche von der Komponente zurück zum Block macht. Ich benutze Block Manager add(), um nach der Initialisierung einen Block wie unten hinzuzufügen. Wie mache ich das, wenn die ausgewählte Komponente von diesem benutzerdefinierten Block generiert wird?

artf

Du solltest mehr über Komponenten als über Blöcke nachdenken, tatsächlich sollte der richtige Block eher so aussehen. '''js Redakteur. BlockManager.add('block-id', { Etikett: ... Inhalt: { type: 'component-id' }, }) Sobald dieser Block ent...

GJSBlock

Danke, dass du das gemeldet hast, @amliu. Tolle Frage zu [Frage] Wie erkennt man, aus welchem Block die ausgewählte Komponente generiert wird?. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an:...

#32624. Februar 2021von lacieri2-Antworten
0-Reaktionen

Parse styles to a Css string

Hallo @artf! '''javascript "Editor": { "css": "* { Box-Größe: Border-Box; } #wrapper{font-family:Helvetica, Arial Black, Serifenlos; color:#9500b3;}", "html": "<div id=\"iecr\">Hier deinen Text einfügen</div>", "Vermögenswerte": "[]", "Styles": "[{\"Selectors\":[\"#wrapper\"],\"style\":{\"font-family\":\"Helvetica,Ari...

artf

Nun, du solltest in der Lage sein, das CSS von jeder GrapesJS-Instanz mit 'editorInstance.getCss()' zu nehmen. Das generiert im Grunde das CSS aus dem 'styles'-JSON

GJSBlock

Danke, dass du das gemeldet hast, @lacieri. Tolle Frage zu [FRAGE]: Parse Styles auf eine Css-Saite. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentatio...

#32603. Februar 2021von mhowey3-Antworten
1-Reaktionen

Color Picker Transparency slider is at 0 in firefox.

Der Farbpflücker in Grapesjs funktioniert zwischen Chrome und Firefox nicht gleich. Wenn du den Picker auf einer ausgewählten Komponente öffnest, deren Hintergrundfarbe bisher nie gesetzt wurde (zum Beispiel...), öffnet sich der Farbpicker mit 100 % Opazität in Chrome und 0 % in Firefox. Das Problem ist, dass der Nutz...

mhowey

@artf Ein weiterer Unterschied zwischen Firefox und Chrome ist, was in der Palette angezeigt wird. Firefox zeigt ein transparentes Feld an, während Chrome ein graues zeigt.

artf

Scheint in der neuesten Firefox-Version gelöst zu sein.

GJSBlock

Danke, dass du das gemeldet hast, @mhowey. Das Problem mit dem Farbwähler-Transparenz-Schieberegler ist bei 0 in Firefox. scheint ein Problem mit dem Rennbedingungen oder dem Zustandsmanagement zu sein. Dies passiert typischerweise, wenn s...

#32593. Februar 2021von bgrand-ch2-Antworten
1-Reaktionen

V0.16.27 - Style/ID disappear when nested span

Version: 0.16.27 Kannst du den Fehler aus der Demo reproduzieren? [ ] Ja [ ] Nein [X] Video, aber keine Demo Was ist das erwartete Verhalten? Füge so viele verschachtelte 'Span'-Elemente wie nötig hinzu und bewahre deren Stil/ID. Wie ist das aktuelle Verhalten? Aus zwei verschachtelten 'Span'-Elementen verschwinden St...

artf

Hallo Benjamin, der Fehler wurde bereits behoben (wenn du einen Fehler meldest, stelle sicher, dass die neueste Version vorhanden ist).

GJSBlock

Danke, dass du das gemeldet hast, @bgrand-ch. Das Problem mit v0.16.27 – Stil/ID verschwindet, wenn verschachtelte Spannweite verschwinden, scheint ein Rennbedingungs- oder Zustandsmanagement-Zeitproblem zu sein. Dies passiert typischerwei...

#32582. Februar 2021von stljeff14-Antworten
0-Reaktionen

Verhindern/deaktivieren, dass benutzerdefinierte Blöcke in anderen benutzerdefinierten Blöcken abgelegt werden

Hallo, Ich habe eine benutzerdefinierte Komponente, nennen wir sie einen Sektionsblock. Ich möchte verhindern, dass der Nutzer Abschnittsblöcke in anderen Abschnittsblöcken ablegt. Ist das möglich? Schiedsrichter: https://grapesjs.com/docs/modules/Components.html#define-custom-component-type Ich kenne die Draggable/Dr...

artf

Du kannst z. B. den ':not()'-Selektor verwenden. ':nicht(.außer-dieser-Klasse)'

stljeff1

Danke @artf. Diese Lösung funktioniert größtenteils. Jetzt stoße ich auf ein neues Problem, bei dem ein Platzhaltertext verschwindet. Bei einigen Elementen innerhalb meiner Blöcke habe ich ein HTML-Element mit einem Textknoten, dann ein we...

artf

Du definierst die Komponente mit der alten API, die andere Dinge benötigt, um richtig zu funktionieren, und das könnte die Ursache des Problems sein (ich habe es auf meiner Seite versucht und alles funktioniert wie erwartet). Bitte schau h...

Durchsuchen Sie alle Themen