Hallo zusammen, Ist es möglich, den Fokus in einem Abschnitt mit Grapes zu setzen, zum Beispiel als Anker? Ich habe eine Panel-Taste, die nur den gewünschten Abschnitt auswählt, aber nicht auf das Element fokussiert. Hier ist der Code: panel.addButton('options', [{ id: 'Link', KlasseName: 'fa fa-th-list', Befehl: func...
artf
Wenn du mit 'fokussieren' meinst, die Ansicht zum Bauteil zu scrollen, gibt es leider keine solche Methode, aber du kannst sie tatsächlich umsetzen, indem du dich auf 'editor' verlässt. Canvas.getBody().scrollTop'
Amir2828
Hast du es geschafft, es zum Laufen zu bringen?
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Hallo zusammen, Ich schreibe eine Anwendung, die Grapesjs von einem Ajax-Call in einem bestimmten Div enthält. Natürlich würde ich ein externes Menü nutzen, um in der Anwendung zu navigieren. Wenn ich die Seite, die das Grapesjs Firefox startet, erneut öffne, erhalte ich einen Fehler: "TypeError: this.frame.el.content...
artf
Abonniere #914, wahrscheinlich wird das in der nächsten Version behoben
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Nach längerer Suche konnte ich nicht finden, wie man nur das Merkmal-Label ändert, ohne alles zu überschreiben. Das ist mein Versuch, der nicht funktioniert hat Ich habe gesehen, dass Leute das gesamte Modul überschrieben haben – sollte das so gemacht werden? ! Merkmal
artf
Derzeit muss man, um das Merkmal des Merkmals zu ändern, dies auf Komponentenebene tun '''js Komponentenmodell Standardwerte: { ..., Eigenschaften: [...] } ```
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Ist es möglich, pro Element eine benutzerdefinierte Eigenschafts-UI zu haben? Zum Beispiel möchte ich, dass die Schriftgröße als Textbox für Textkomponenten angezeigt wird und als Radio für eine benutzerdefinierte Komponente von mir. Die Schriftgrößen-Eigenschaft kann im selben Sektor liegen. Wie kann das erreicht wer...
artf
Ja, ich habe denselben Trick für das Flex-Gitter angewendet. Erstellen Sie in Ihrer Style-Manager-Konfiguration auf diese Weise eine Eigenschaft '''js Eigenschaften: [ ... { ID: 'font-size-radio', Typ: 'Radio', Name: 'Schriftgröße (Radio)'...
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Ich spiele mit den inneren Komponenten von Grapes, weil ich in Zukunft etwas beitragen möchte. Mein größtes Interesse gilt dem Vorteil generischer HTML-Seiten, unabhängig vom Stil/Aufbau von CSS und HTML (einschließlich Doctype, Body Support usw.). Ich erwartete, dass die 'Layers'-Hierarchie den DOM-Baum darstellt. Da...
maxtacco
Übrigens sieht es so aus, als würde der Layer Manager die https://github.com/artf/grapesjs/blob/49100b2f63411fb08d438d21a5f7ff9131773a75/src/dom_components/model/Component.js#L35-Eigenschaft von Component beim Rendern eines Baumknotens in...
maxtacco
GrapesJS basiert auf Komponenten. Ich denke, es zeigt in diesem Fall Komponentennamen statt Tag-Namen an. Ich denke, das Hinzufügen von Tag-Namen und/oder das Anpassen von Layer-Baum-Rendering wäre eine schöne Verbesserung.
maxtacco
Tatsächlich kann die GrapesJS-Komponente aus mehreren DOM-Elementen bestehen, daher macht es in diesem Fall möglicherweise keinen Sinn, Tag-Namen anzuzeigen, weil man eine Komponente und nicht einzelne Elemente darin gestaltet.
Das Aufrufen init() auf Grapes nach der Änderung des HTML schlägt fehl. So eine Situation passiert bei One-Page-Apps. Ich denke, eine destory() Funktion, um Grapes elegant zurückzusetzen, ist notwendig. https://jsfiddle.net/wdtrg1je/ (sehr einfache Simulation einer einseitigen App)Klicke auf "Add Grapes" (lädt Grapes...
nojacko
Sieht so aus, als wäre ich nicht der Einzige, der das will 😉. Single-Page-Apps sind der Bereich, an dem das Gewicht ist (das Problem, das ich anspreche, aber auch um Speicher freizumachen). Ich werde versuchen, eine persönliche Bestleistu...
artf
Wie bereits erwähnt hier, sehe ich derzeit keinen Sinn darin, eine solche Funktion zu starten (eine gute Destroy-Methode zu schaffen), würde mich aber sehr über PR-:)
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Wenn doppelte Anführungszeichen zu einem Attribut hinzugefügt werden, bricht das HTML.https://jsfiddle.net/szLp8h4n/Ziehe den Linkblock herein.Klicken Sie auf den Link im EditorGehe zum Panel "Komponenteneinstellungen"Geben Sie 'Dies ist ein "Beispiel"' ins Feld 'Titel' ein.Klicke auf das Code-Symbol anzeigen.Ungültig...
artf
Danke fürs Aufmerken, James PRs sind willkommen
artf
@nojacko ich baue keine Dateien vor der Veröffentlichung, also wenn du Dateien aus 'dist' verwendest, benutzt du immer noch die alte Version
artf
Behoben durch https://github.com/artf/grapesjs/pull/939
Benutze sie nur nicht zum Laden deiner Vorlagendaten '''js editor.setStyle( arrdata['style'] ), editor.setComponents( arrdata['components']); ``` Ist alles, was du brauchst
Ich habe eine große Anzahl statischer Websites, einige wurden schon vor einiger Zeit entwickelt (mit Bootstrap usw.) und einige, die in jüngerer Zeit entwickelt wurden (mit CSS Grid usw.). Einige verwenden Inline-Stile, manche klassenbasiertes Styling, manche Stile basieren auf Komponentenhierarchie (zum Beispiel '#id...
tommedema
@artf danke, verstehe. Ich finde es sogar gut, dass du dich auf den CSS-Parser des Browsers verlässt, denn ich bemerke bereits Performance-Probleme bei großen Vorlagen. Wenn du dich auch auf etwas wie Postcss verlässt, befürchte ich, dass...
artf
Ich glaube, dass Grapes ausschließlich mit BEM-ähnlichem CSS-Styling arbeitet. Das heißt, jede Komponente hat ihre eigene Klasse. Stimmt das? Ist der "Selektor/Klassen-Viewer", der nur erlaubt, Stile von klassenbasierten Selektoren wie '.c...
tommedema
@artf Danke für die Antwort! Ich glaube, ich muss meinen Anwendungsfall noch genauer erklären. Es ist nicht immer realistisch zu erwarten, dass jemand, der eine Vorlage importiert, definiert, welche CSS aus externen Bibliotheken stammt. De...
Hallo zusammen. Das Problem ist: Ereignisse sind einfach kein Feuer, nachdem sie sich auf die Leinwand gezogen haben. editor.on('canvas:dragover') editor.on('canvas:drop') editor.on('canvas:dragenter') editor.on('canvas:dragend') Der Code ist einfach der Democode aus dem Repo, mit 4 Events. Hier ist der Code:var edito...
konstantin55000
Code ist Syntax. Gültig. Hier ist jsfiddle mit Code https://jsfiddle.net/s9b2k7vp/ Hier ist die Demo: https://www.screencast.com/t/pWcpkM7QO
konstantin55000
Update. Events werden ausgelöst, aber direkt danach fallen Block in die Leinwand. Ich bin mir nicht sicher, ob das ein Problem ist, denn Wie sieht es mit Event canvas:dragend und canvas:dragover aus? Wenn der Block nicht in die Leinwand fä...
konstantin55000
Viel Entschuldigung. Das Ereignis wurde nicht wegen der vorherigen Version von grapes.js Danke an alle für die Aufmerksamkeit.