Tolle Bibliothek! Es erfüllt alle Anforderungen bis auf eine: die Übersetzung des Website-Textes. Ich habe überall in der Issue-Warteschlange und in den Dokumenten gesucht, aber aus irgendeinem Grund finde ich zu diesem Thema nichts. Meinen Kunden ist es egal, dass der Grapesjs-Redakteur auf Englisch ist. Was sie woll...
artf
Das müsstest du selbst erschaffen. Vielleicht eine benutzerdefinierte Textkomponente, die die Möglichkeit bietet, den Inhalt mit der gewählten Sprache zu ändern.
jordandevogelaere
@acondura hast du eine Lösung dafür? Ich habe die gleiche Anforderung für meinen Mandanten. Danke
gxanshu
Ich habe die gleiche Anforderung. Und ja, der einzige Weg, wie wir das erreichen können, ist, indem wir unsere eigene Komponente schaffen
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...
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...
GJSBlock
Danke, dass du das gemeldet hast, @nithinpillalamarri123. Das Problem mit wie man das Trauben-JS-Formular anpasst, um den Stil anzuhängen, scheint ein Timing-Problem des Rennzustands oder des State-Managements zu sein. Dies passiert typisc...
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...
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...
Hallo @artf Ich versuche, den Typ und die Eingabewerte der Anzeige-Eigenschaft so zu ändern -: Aber im Style-Manager sind die Buttons nicht sichtbar. Wie können wir die Anzeige-Eigenschaft anpassen? '''js const styleManager = Editor. StyleManager; styleManager.addSector('div-only-sector',{ Name: 'Setting', Open: True,...
Nilchu
Du musst die Eigenschaft 'Listen' verwenden, um deine Optionen zu definieren. Innerhalb der Funkoptionsobjekte sollte 'name' statt 'title' angezeigt werden. '''javascript const styleManager = Editor. StyleManager; styleManager.addSector('d...
Abhisheknanda1344463
Vielen Dank @nilchu für deine Hilfe.
GJSBlock
Danke, dass du das gemeldet hast, @Abhisheknanda1344463. Tolle Frage zum Custom Style Manager. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für...
Ich habe mit Möglichkeiten herumgespielt, wie man den Stil der Elemente innerhalb der Leinwand ändern kann, und festgestellt, dass durch die Verwendung des Colour-Picker-Merkmals, um die Inline-Style-Farbeigenschaft des Elements einzustellen (nicht das Inline-Style-Tag, das man über getCS() bekommt), diese Style-Eigen...
artf
Hallo @DodoTrip der Grund ist, dass man mit Inline-CSS keine Stile mit Zuständen (z. B. ':hover') und Medienabfragen definieren kann, daher habe ich es immer als nutzlose Einschränkung und nicht als Funktion gesehen. Trotzdem kannst du die...
ThetripGr
Hallo @artf und danke für deine Antwort. Könntest du mir ein Beispiel geben, wie das gerade gemacht wird, oder sollte avoidInlineStyle es einfach funktionieren lassen?
artf
Ehrlich gesagt habe ich avoidInlineStyle schon lange nicht mehr verwendet, aber ich denke, es sollte funktionieren 😁
Bitte, kann mir jemand helfen, aus diesem Problem herauszukommen editor.setComponents(html-Text ); Das Skript funktioniert nach dem Laden aus dem gespeicherten Template-HTML nicht wie erwartet während Drag & Drop funktioniert, funktioniert...
artf
Du kannst den generierten HTML-Code nicht zurück in den Editor laden, lies die Dokumentation, wie man Vorlagen richtig speichert und lädt https://grapesjs.com/docs/modules/Storage.html
GJSBlock
Danke, dass du das gemeldet hast, @nithinpillalamarri123. Danke, dass du deinen Bericht über grapes js Version v0.16.34 geteilt hast, die unerwarteten Skriptcode nach dem Laden gespeicherten HTML liefert. Um dem Team bei der Untersuchung u...
Version: 0.16.34 Was ist das erwartete Verhalten? Wenn der Editor initialisiert wird, wird kein Element ausgewählt, daher sollte der Style-Manager "Element auswählen, bevor man den Style Manager verwendet", so wie es der Fall ist, wenn man "appendTo" nicht in der Editor-Konfiguration verwendet. Wie ist das aktuelle Ve...
Mosh-Tudor
Ich habe diesen Code verwendet, um es zu lösen: '''js const showStylesSector = editor => { const stylesButton = Editor. Panels.getButton('panel-sidebar-header', 'show-styles'); const layersButton = Editor. Panels.getButton('panel-sidebar-h...
Nielsticot
Das ist nicht das, was ich will, mein Problem ist, bevor ein Element ausgewählt wird, also vor dem Ereignis wird "component:selected" getrigert. Ich habe es vorübergehend behoben, indem ich beim Editor-Laden ein Element ausgewählt habe, ab...
artf
Wenn du den StyleManager in einem benutzerdefinierten Element verwendest, musst du diesen Zustand selbst verwalten. '''html <div class="sm-wrapper"> <div id="styles"></div><!-- hier fügst du den Style-Manager an --> <div class="sm-empty-st...
Wie importiert man HTML und CSS von der Demo in die Upgrade-Version, One-Shot-Import?
GJSBlock
Danke, dass du das gemeldet hast, @CarlucciMods. Tolle Frage zum Import von HTML und CSS von der Demo in die Upgrade-Version, One-Shot Import ?. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier...