Hallo, ich entwickle eine Lösung, mit der Schüler ihre Highschool-Erfahrungen als Folien aus dem Grapejs-Editor (ähnlich wie Canva) schildern können, und habe den Editor im 'absoluten' Modus konfiguriert, was wunderbar funktioniert. Allerdings kann ich im Editor keinen Weg finden, den abgeworfenen Block mit den Pfeilt...
artf
Nein, leider wäre in so einem Fall die benutzerdefinierte Keymap die einzige Lösung. Du solltest einfach die ausgewählte Komponente holen und ihren Stil aktualisieren.
michaelhofer
Ich habe dafür eine funktionierende Lösung gefunden, wie folgt: Die Befehle werden wie folgt hinzugefügt: Die Methode 'moveSelectedElements' macht einfach Folgendes: Wenn man jedoch die Elemente mit Pfeiltasten bewegt, scrollt auch die Lei...
sathudeva7
keymaps.add('ns:my-keymap', '⌘+s, ctrl+s', 'some-gjs-command', { Verhindern Sie die Standard-Browser-Aktion verhindern: wahr, });
Version: 0.16.44 Kannst du den Fehler aus der Demo reproduzieren? [ ] Ja [x] Nein Was ist das erwartete Verhalten? Wirklich alles andere. Beschreibe den Bug detailliert Ich habe versucht, Skripte in die Leinwand zu laden. Mein erster Versuch war 'Skripte: []' und dann stieß ich auf das Synchronisationsproblem, das in...
KernelDeimos
Ich habe <script>schon eine Weile keine Inline-Tags mehr verwendet und diesen Vorbehalt des HTML-Parsers vergessen. Ich schließe das hier.
GJSBlock
Danke, dass du das gemeldet hast, @KernelDeimos. Das Problem mit Versuchen, Skripte auf Canvas zu laden, könnte JavaScript brechen?? scheint ein Rennbedingungs- oder State-Management-Zeitproblem zu sein. Dies passiert typischerweise, wenn...
Hallo @artf, das ist ein großartiges Framework, vielen Dank. Ich nutze es jetzt, um Komponenten des mobilen BUI-Frameworks zu erstellen, und ich bin auf ein Problem gestoßen: Ich habe einen benutzerdefinierten Trait-Textbereich hinzugefügt, wie kann ich das machen? Wenn sich die Daten ändern, wird das im Ausgabeskript...
Ju99ernaut
Du musst die Eigenschaft zu 'Script-Props' hinzufügen, du kannst hier mehr lesen https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts
imouou
Danke @Ju99ernaut, falls es sich um eingebaute Funktionen handelt, kann beim Ändern des Skripts der Wert des Parameters empfangen werden. Ich habe derzeit Probleme: Das benutzerdefinierte Feature 'textarea' kann Änderungen wie dom auslösen...
Ju99ernaut
Du kannst versuchen, das Skript zu einer Aktualisierung zu zwingen: '''js Redakteur. DomComponents.addType('slide', { model: { // ... init() { this.on('change:datas', () => this.trigger('change:script')); }, }, // ... }); ```
Hallo Leute, statt so im Init zu stylen... Es ist möglich, eine SCSS-Datei in Canvas zu verwenden? Leinwand { style:['FILE. SCSS'] } Oder einfach sauberer machen mit einem einzigen Init CSS? Danke! ' myComponent.append(<style> Körper { Hintergrund: RGB(204.204.204); } .footer { Position: absolut; Boden: 5 mm; Breite:...
artf
Du kannst canvasCSS-Option verwenden, wenn du keine Dateien verwenden möchtest.
devtechk
Vielen Dank! Diese Konfigurationsdatei wird mir sehr helfen!
GJSBlock
Danke, dass du das gemeldet hast, @devtechk. Tolle Frage zu Canvas Style CSS. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spezielles Mo...
Version: aktuell? Du kannst die Version bekommen, indem du 'grapesjs.version' in die Konsole eingibst Kannst du den Fehler aus der Demo reproduzieren? [ ] Ja [ x] Nein // um fair zu sein, nie in der Demo versucht Was ist das erwartete Verhalten? Beim Bearbeiten des Ebenentextes und dem Hinzufügen einer neuen Zeile und...
artf
Okay, ich werde eine Lösung für die Bearbeitung der Ebenennamen vorschlagen, wahrscheinlich macht es keinen Sinn, dort neue Zeilen zu aktivieren (ich werde das Bearbeiten auf Enter/Esc stoppen). Für das zweite Problem: Wenn du etwas von di...
anatoli-dp
Ja, ich wusste erst danach, dass editor.refresh() existiert. Ansonsten danke. Tolles Projekt
GJSBlock
Danke, dass du das gemeldet hast, @anatoli-dp. Gute Frage zu Schichten, der Text zentriert nicht nach dem Erstellen einer neuen Zeile. Der empfohlene Ansatz bei Canvas ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen S...
Version: Die in der Demo Kannst du den Fehler aus der Demo reproduzieren? [X] Ja [ ] Nein Was ist das erwartete Verhalten? Die mobile und Tablet-Ansicht sollten die Leinwand beim Fenstervergrößern anpassen. Beschreibe den Bug detailliert Die Desktop-Ansicht ändert die Größe der Leinwand richtig, wenn das Fenster vergr...
Ju99ernaut
Die Geräte 'mobile' und 'tablet' sind pixel-pased, sodass sie die Leinwand einfach auf eine bestimmte Anzahl von Pixeln anpassen, unabhängig von der Fenstergröße. Ich glaube, 'Desktop' stellt Canvas einfach auf 100%.
artf
Wie von @Ju99ernaut erwähnt, funktionieren Geräte so. Ehrlich gesagt sehe ich nicht einmal den Grund für so einen Fall, warum der Nutzer das Fenster anpassen sollte? Du könntest auch anfangen, Stile zu sehen oder zu aktualisieren, die nich...
GJSBlock
Danke, dass du das gemeldet hast, @Andrew-Chen-Wang. Das Problem mit Tablet- und Mobilansicht, die nicht die Größe anpasst, scheint ein Problem mit der Rennbedingung oder dem State-Management zu sein. Dies passiert typischerweise, wenn sic...
Version: v0.16.41 Kannst du den Fehler aus der Demo reproduzieren? [ ] Ja [x] Nein Was ist das erwartete Verhalten? Wenn ich auf einen Button klicke, sollte die Klasse gjs-pn-aktiv hinzugefügt werden. Beschreibe den Bug detailliert Ich habe 3 Knöpfe für 3 verschiedene Geräte (Desktop, Tablet und Handy). Ich habe sie a...
Ju99ernaut
Grapesjs verlangt, dass deine Befehle die Funktionen 'Ausführen' und 'Stopp' haben, damit sie automatisch die Panel-Tasten umschalten, vielleicht liegt das also am Problem: '''js const cm = Redakteur. Befehle; Grapesjs kann in diesem Befeh...
kerryj89
@Ju99ernaut Danke dafür. Der aktive Zustand funktioniert jetzt für mich, wenn ich das Panel 'devices-c' über 'grapesjs.init()' erstelle.
GJSBlock
Danke, dass du das gemeldet hast, @RaresVlaiduc. Das Problem mit (v0.16.41)-Button, der beim Klick nicht als aktiv eingestellt ist, scheint ein Problem mit der Rennbedingung oder dem Zustandsmanagement zu sein. Dies passiert typischerweise...
Version: v0.16.41 Kannst du den Fehler aus der Demo reproduzieren? [ ] Ja [ ] Nein Was ist das erwartete Verhalten? Wenn wir einen Button mit der Eigenschaft data-gjs-draggable in false haben, sollte dieser Button nicht im Canvas gezogen werden. Beschreibe den Bug detailliert SchritteSetzen Sie eine Button-Komponente...
artf
Ich schätze, du machst etwas falsch, wie erstellst du diese Komponenten und ihre Eigenschaften? Du solltest diese Attribute nicht einmal im Inspektor sehen.
marcepoblet
@artf In unseren Codes haben wir nichts geändert. Der einzige Unterschied ist, dass wir die GrapesJs-Version aktualisieren. Früher hatte ich Version v0.16.18 und sie funktionierte korrekt, aber jetzt aktualisieren wir GrapesJs auf v0.16.41...
marcepoblet
Wir setzen die Eigenschaften mit Folgendem: editor.getSelected().attributes.attributes["data-gjs-editable"] = 'false' editor.getSelected().attributes.attributes["data-gjs-copyable"] = 'false' editor.getSelected().attributes.attributes["dat...
Hallo. Diese Frage wurde bereits zweimal gestellt (hier und hier), aber es gab nie eine Antwort. Gibt es eine Möglichkeit, '<!DOCTYPE html>' als Anfang des Canvas-iFrames hinzuzufügen, sodass der iframe im Standardmodus ist? Ich brauche das, da ich versuche, tinyMce als benutzerdefinierten RTE zu verwenden, und tinyMc...
artf
In der nächsten Version werde ich einen neuen Event-Helfer hinzufügen, der es ermöglicht, iframe-Inhalte vor dem Laden zu bearbeiten: '''js editor.on('frame:load:before', ({ el }) => { const doc = el.contentDocument; doc.open(); doc.write(...
bgrand-ch
Hallo, Für zukünftige Fragen oder technische Probleme, die keine Bugs sind, ist der Tab Diskussionen auf GitHub der richtige Ort. Vergesst nicht, dieses Problem zu schließen, falls es gelöst ist, oder eine neue detaillierte Nachricht in di...
artf
Nicht wirklich, aber ich bin offen für Lösungen, wie man es anpassbar machen kann.
Was versuchst du zu GrapesJS hinzuzufügen? Ich versuche, GrapesJS zu stylen und seine Elemente (Panels, Knöpfe, Leinwand usw.) zu positionieren, es ist nervig, alle Stilelemente zu überschreiben. Beschreibe deine Feature-Anfrage Ein renderloses GrapesJS.Fügen Sie ein bestimmtes GrapesJS-Element (Panels, Buttons, Leinw...
GJSBlock
Danke, dass du das gemeldet hast, @bgrand-ch. Toller Vorschlag zu FEAT: Renderless! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, ähnliches Verhalten zu erreichen. Verwendung de...