https://grapesjs.com/docs/modules/Components.html#define-custom-component-type , this ? @artf
artf
Um den Rich-Text-Editor mit einem Klick zu aktivieren, kann man die ursprüngliche Textkomponente auf diese Weise erweitern '''js Redakteur. Components.addType('text', { Ansicht: { Ereignisse: { eingabe: 'onInput', // Das Original auf Einga...
artf
Ich würde vorschlagen, eine benutzerdefinierte Komponente mit der Eigenschaft 'abnehmbar' auf 'false' zu erstellen.
Version: 0.17.22 Kannst du den Fehler aus der Demo reproduzieren?[X] Ja[ ] Nein Was ist das erwartete Verhalten? Man sollte in der Lage sein, ein textfähiges Element in eine benutzerdefinierte Komponente einzufügen, die die Textkomponente erweitert Wie ist das aktuelle Verhalten? Man kann keine textfähige Komponente i...
artf
Hey @Joshmamroud es gibt hier tatsächlich ein allgemeines Problem mit textfähigen Komponenten #2771
Joshmamroud
Danke, @artf. Ich denke, mein Problem ist hier eher die benutzerdefinierte Komponente, die die Textkomponente erweitert. Textable funktioniert wie erwartet mit der ursprünglichen Textkomponente, aber wenn ich versuche, meine eigene, indivi...
artf
Aus deiner Demo sehe ich keine Probleme mit der erweiterten 'Text'-Komponente, sondern nur solche, die mit textfähigen Inhalten zu tun haben
Danke für #3673 Ich habe ein neues Bug-Feedback. Version:. 0.17.22 Kannst du den Fehler aus der Demo reproduzieren?[ ] Ja[ ] Nein Was ist das erwartete Verhalten? Ich möchte, dass standardmäßig die Breite des mobilen Geräts ist, also habe ich Min-Width-Priorität konfiguriert, aber standardmäßig wird nur die mobile Bre...
artf
Ja, du hast recht, tatsächlich gibt es keine Option, das Standardgerät auszuwählen... Mach es vorerst als Workaround manuell nach Init: '''js const editor = grapesjs.init({...}); editor.setDevice('Mobile'); In der nächsten Version werde ic...
GJSBlock
Danke, dass du das gemeldet hast, @imouou. Das Problem mit Gerätebreite ist standardmäßig ungültig scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies passiert typischerweise, wenn sich Komponenten-Lebenszykluse...
Version: 0.17.23 Kannst du den Fehler aus der Demo reproduzieren?[x] Ja[ ] Nein Es ist möglich, dass das Abzeichen den Inhalt des Elements verdeckt, wenn das Element oben auf der Leinwand platziert wird. ! Bild Was ist das erwartete Verhalten? Wenn Platz vorhanden ist, sollte das Etikett unter dem Element angebracht w...
GJSBlock
Danke, dass du das gemeldet hast, @rywilson28. Das Problem mit Badges können den Inhalt der Elemente verdecken, selbst wenn Platz unter dem Element ist scheint ein Rennbedingungs- oder State-Management-Timingproblem zu sein. Dies passiert...
Version: 0.17.19 Wie ist das aktuelle Verhalten? Dass die zusätzliche Webkomponente sichtbar ist: Beim Hinzufügen von Webkomponenten im Container von Grapesj ist die Komponente leer/leer, wenn die Komponente Elemente im Schatten-DOM hat. (Wenn man Schatten-Dom nicht zur Erstellung von Komponenten verwendet, gibt es ke...
artf
Ich habe hier einen Workaround gepostet https://github.com/artf/grapesjs/issues/3693
artf
Hey @sriya-Srinivasan, kannst du bitte eine reproduzierbare Demo erstellen?
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...
Danke, dass du das gemeldet hast, @imouou. Das Problem mit Option resizable:true ändert alle gleichen Komponenten in Canvas. scheint ein Rennbedingungs- oder State-Management-Timingproblem zu sein. Dies passiert typischerweise, wenn sich K...
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
Ich bin mir nicht sicher, ob ich dein Problem verstehe, wie bewegt/skaliert man genau die Leinwand? das ist nicht zusammenhängend, aber gibt es eine Funktion, mit der man den Inhalt zoomen kann, nicht die Leinwand? Wenn ich es also skalier...
Anatoli-DP
Ich skaliere es mit dem Editor. Canvas.setZoom verwenden und mit der Leertaste verschieben. Im Moment habe ich entfernt, was ich gemacht habe, aber es war so etwas wie das Leinwand-Element zu bekommen und es einfach mit einem Stil-Update z...
artf
Wenn Sie von den bewegten Koordinaten sprechen, haben wir dafür noch keine direkte API, aber Sie können sie tatsächlich auf folgende Weise erhalten oder aktualisieren: '''js const canvasModel = Editor. Canvas.getModel(); Werte erhalten con...
Hallo @artf Unser GrapesJs-Redakteur läuft weiter http://localhost:5500/editor ! Bild Wir wollen es im Frontend veröffentlichen auf http://localhost:5500/ Aber im Frontend werden die Panels angezeigt und der Bearbeitungsmodus ist aktiviert. Wie man den Bearbeitungsmodus deaktiviert und Panels ausblendet ! Bild
artf
Ich schließe diese Diskussion, da du die Diskussion hier bereits eröffnet hast https://github.com/artf/grapesjs/discussions/3666
GJSBlock
Danke, dass du das gemeldet hast, @codingmachine16. Tolle Frage zu Wie man ein Layout veröffentlicht, das von GrapesJS generiert wurde. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfe...
Hallo, Die Standard-Styling-Eigenschaften werden beim Gerätewechsel nicht ausgewählt. Schritte zur Fortpflanzung: Öffne [http://grapesjs.com/demo.html] Wählen Sie beliebigen Block aus und beobachten Sie die Standardwerte. Zum Beispiel wird unter General die Position auf "statisch" gesetzt. Wechsle auf Mobilgeräte. Änd...
MrNikolovski
Gibt es Neuigkeiten zu diesem @artf?
MrNikolovski
Hallo @artf. Kann ich ein Update zu diesem Problem bekommen? Betrachtest du das als ein kleines Problem oder hattest du keine Zeit, daran zu arbeiten? Danke.
artf
Ich arbeite gerade an der Verbesserung des StyleManager und werde das wahrscheinlich bald überprüfen können.
Grapesjs Style Manager hat so viele schöne Eigenschaften, aber es besitzt keinen Texteigenschaftstyp, Warum also nicht hinzufügen
artf
@aliibrahim123 wenn Sie keinen Typ angeben, wird eine einfache Texttyp-Eigenschaft erstellt :)
aliibrahim123
Hallo Ich habe eine einfache Textproporty-Schrift erstellt Das ist der Code styleManager.addType('text', { create({ props, change }) { const el = document.createElement('div'); el.innerHTML = '<input type="text" class="my-input" />'; const...
GJSBlock
Danke, dass du das gemeldet hast, @aliibrahim123. Toller Vorschlag zu FEAT: Style Manager Texttyp! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, ähnliches Verhalten zu erreichen...