Ich weiß nicht genau, was passiert, aber das ist es, was ich bekomme. Manchmal bestehen Tests und zufällig fallen Tests dadurch durch. Irgendeine Hilfe bitte@artf <img width="1474" alt="Screenshot 2021-06-10 um 19:08:14 Uhr" src="https://user-images.githubusercontent.com/55732888/121535085-71faf080-ca1f-11eb-8e07-aeed...
artf
Genauso wie hier https://github.com/artf/grapesjs/issues/3476#issuecomment-848074298
GJSBlock
Danke, dass du das gemeldet hast, @krishnaeverestengineering. Danke, dass du deinen Bericht geteilt hast, dass ich die Komponenten von Grapesjs nicht per Einheit testen konnte. Um dem Team bei der Untersuchung und Priorisierung zu helfen:...
Ist es möglich, den vollständigen Democode von Anfang an zu posten? Es gibt viele kleine Ausschnitte, die voneinander abhängen. Es wäre gut, diese als separate Branches in einem Repository zu haben, damit Entwickler das erwartete Endergebnis sehen können. In vielen Fällen wurden einfache Dinge übersprungen oder der Au...
Anlumo
Ja, das Problem ist, dass die Demo ihr eigenes Plugin definiert, das dann alle anderen Plugins importiert. Das macht es wirklich schwierig, herauszufinden, wie man Dinge macht, weil man viele Weiterleitungen über verschiedene Repositorien...
artf
Der finale Code des Einstiegs-Tutorials ist tatsächlich hier (und seine grapesjs config).Ja, das Problem ist, dass die Demo ihr eigenes Plugin definiert, das dann alle anderen Plugins importiert @anlumo ja, die aktuellen Preset-Plugins sin...
erpardeepjain
@artf aber wie man diese Datei oder Konfigurationsdatei ausführt, da die Hauptdatei in Vue ist und das Basisprojekt in React. Kannst du mir sagen, wie man es wie in der Demo gezeigt zum Laufen bringt?
'''js Importieren Sie Trauben von './Dist/grapes.min.js' Const-Zustand = { Herausgeber: grapesjs.init({ Einstellungen }) } ``` Dies wirft einen Fehler aus: Maximale Aufrufstackgröße überschritten
GJSBlock
Danke, dass du das gemeldet hast, @iabhiyaan. Das Problem mit Frage: Wie initialisiert man Grapesjs richtig im Vuex-Store? scheint ein Timing-Problem des Rassenverhältnisses oder des State-Managements zu sein. Dies passiert typischerweise,...
Was versuchst du zu GrapesJS hinzuzufügen? Die CSS-Eigenschaft 'float' macht nur für 'position: static;'-Elemente Sinn, die zufällig der Standard sind. Ich möchte den Schwimmerfunk-Wähler nur anzeigen, wenn die Position nicht auf etwas anderes eingestellt ist. Wenn ich jedoch 'recrere: ['static'];' zur Eigenschaftsdef...
artf
Hallo @anlumo, hast du versucht, die Float-Definition mit etwas wie 'erfuerdert: { position: ['statisch'] }' zu erweitern?
Anlumo
! Bild Ja. Es scheint nach dem Neuladen der Seite einwandfrei zu funktionieren, aber wenn man die Position umschaltet, hört es auf zu funktionieren und sieht aus wie im Screenshot. Die Definition lautet wie folgt: '''js { Name: "Layout", o...
GJSBlock
Danke, dass du das gemeldet hast, @anlumo. Toller Vorschlag zu FEAT: In Style Manager, erlauben Sie das Erfordern der Standardeinstellung! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglich...
Ich bin neu bei GrapesJS ... Tolles Werkzeug. Ich habe ein paar Fragen zu Eigenschaften. Ich habe diesem Tutorial gefolgt https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type weil ich überschreiben muss, wie HREF generiert wird. Das Beispiel ist für mich großartig mit wenigen Modifikationen. Ich, ich mö...
artf
Das kannst du tun: '''js tagListElement.on('select2:select', e => this.onChange(e)); onChange wird das onEvent korrekt auslösen ```
Iteniel
@artf danke Können Sie beim ersten Teil der Frage helfen? Ich brauche etwas wie onPostRender/afterRender, um die select2-Komponente zu initialisieren, wenn das DOM vorhanden ist etwas nach der createInput-Methode
GJSBlock
Danke, dass du das gemeldet hast, @iteniel. Gute Frage zu [FRAGE]: Select2-UI-Element in Traits integrieren. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokume...
Diese Definition: https://github.com/artf/grapesjs/blob/88249c38577852dc3c42047356a70a12066ee6ca/src/canvas/view/FrameView.js#L303-L306 wird immer am Rahmen angehängt. Sie enthält die Farbdefinition für ausgewählte Elemente (diese blaue Umrandung). Diese Farbe kann nicht verändert werden, weil hier ein '!wichtig' steh...
artf
Hallo, @anlumo du hast recht, leider werden Komponentenstatusstile innerhalb von iFrames gerendert. Ich habe versucht, sie nach draußen zu bringen, indem ich diese Option eingeführt habe, aber das funktioniert noch nicht mit mehreren Auswa...
Filipecheverrya
Hallo @mingxin-yang, ich glaube, du musst die gleiche Regel befolgen, die @artf gesagt hast. Aber mit den entsprechenden Klassen '''js grapesjs.init({ // ... canvasCss: ' .gjs-tools .gjs-badge { / für das Label / Hintergrundfarbe: Rot; } ....
GoodPHP
Gepostetes kostenloses Plugin für festgelegte Farben Grenzen: https://gjs.market/products/borders-color-around-selected-component
Wie kann man einen benutzerdefinierten Block immer am unteren Rand der Seite platzieren?
YyueeiWY
Du brauchst Display Flex Für deinen Fall richten Sie jeden Block am Ende aus, verwenden Sie ( align-content: flex-end; ) im Element Body oder Parent <pre> <Karosserie="Flex-Container Flex-End"> <div class="flex-item">1</div&...
artf
Hallo @sizhousama der einfachste Weg könnte wahrscheinlich ein CSS-Trick sein oder du kannst mit benutzerdefinierten Komponenten eine Struktur mit festen Containern definieren (z. B. einen für den Header, den Body und den Footer).
GJSBlock
Danke, dass du das gemeldet hast, @sizhousama. Tolle Frage zu [FRAGE]: Wie man einen benutzerdefinierten Block immer am unteren Rand der Seite machen kann. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fan...
Hallo @artf, Ich versuche, ein einfaches Banner-Plugin zu entwickeln, das eine Überschrift, eine Unterüberschrift und einen Link enthält. Und jedes Element kann gezogen und frei hervorgehoben werden, aber basierend auf dem folgenden Code funktioniert ein Teil des Codes nicht. Bitte helft mir ! Bild nur die Banner-Klas...
artf
In deiner Modellkomponentendefinition verwendest du 'content: config.template', aber es sollte eigentlich 'components: config.template' heißen.
Palash-Mandal
Hallo @artf, Ich habe die Lösung gefunden, aber es gibt ein Problem mit der Komponente. Die Unterkomponente H2, H3 und Link haben für alle anderen Komponenten gepusht. Wenn ich eine Spaltenkomponente wegsetze, werden diese Kindelemente ebe...
GJSBlock
Danke, dass du das gemeldet hast, @Palash-Mandal. Gute Frage zu Child-Elementen nicht ziehend, aber ables, hervorhebbar. Außerdem ist der CSS aller Kindelemente, die nicht im Style gepusht werden, während eine Bannerkomponente als Plugin e...
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
Danke @moises-flowize, das wird in der nächsten Version behoben https://github.com/artf/grapesjs/commit/ac96298add119c4f4e000967ab3332f9ad711613
GJSBlock
Danke, dass du das gemeldet hast, @moises-flowize. Das Problem mit Command core:component-enter, das in allen Fällen nicht funktioniert, scheint ein Renn- oder Zustandsmanagement-Timingproblem zu sein. Dies passiert typischerweise, wenn si...
Wie rendert man Eigenschaften nach dem Klicken auf die Tasten neu? Hinweis: Neu-Rendering sollte keine Dom-Modifikation sein. Ich habe eine Funktion erstellt, die das Merkmal rendert, indem ich das 'render()' innerhalb von 'createInput()' aufrufe Gibt es eine Möglichkeit, die Eigenschaften mit dem neueren und aktualis...
artf
createInput wird einmal aufgerufen; wenn du die Benutzeroberfläche deines Merkmals aktualisieren willst, verlass dich auf 'onUpdate', das jedes Mal aufgerufen wird, wenn die Auswahl geändert wird. ps. Bitte vermeide es, Issues für Fragen z...
GJSBlock
Danke, dass du das gemeldet hast, @iabhiyaan. Tolle Frage zu Wieder-Render-Merkmale nach bestimmten Ereignissen (z. B. Klick). Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die...