Hallo, Ich versuche, benutzerdefinierte Komponenten zu erstellen, die aus anderen Komponenten zusammengesetzt sind. Das ist kein Problem. Ich habe ein Problem, wenn ich das ganze Bauteil bewegen möchte. Hier ist meine Testkomponente: '''js Redakteur. DomComponents.addType('testcomponent', { Modelldefinition isComponen...
Lerdouille
Danke ;)
artf
Nein, es ist alles wie definiert. Du versuchst, eine nicht ziehbare Komponente zu ziehen, damit das Verhalten korrekt ist
Lerdouille
Hallo, Danke für die Antwort. Nun, ich weiß, dass meine "Link"-Komponente nicht gezogen werden kann, ich habe sie so eingestellt (besonders um den Link nicht über die gesamte Komponente hinaus zu ziehen). Aber es ist auch als nicht auswähl...
Version: 0.16.22 Kannst du den Fehler aus der Demo reproduzieren? [ ] Ja [ X] Nein – erfordert das Bearbeiten von JS. Was ist das erwartete Verhalten? Die Wrapper-Komponente sollte nicht mehr 'droppable' sein, sobald das Attribut 'droppable' auf 'false' gesetzt ist. Wie ist das aktuelle Verhalten?' Wenn dieses Attribu...
RJCAM
Hallo @BillTheGoat probiere das nach init aus:
RJCAM
Ich denke, das liegt daran, dass der Wrapper nicht Teil von DomComponents ist. DomComponents sind nur die Komponenten im Wrapper. :lächeln:
BillTheGoat
Hmmm. Ich habe das ausprobiert, weil die API-Dokumentation DomComponents.getWrapper() als erste Funktion anzeigt und es Attribute anwendet, wie in meinem Sandkasten oben zu sehen. Das fand ich doppelt seltsam, weil es so aussieht, als wäre...
Version 16.10 Kannst du den Fehler aus der Demo reproduzieren? [X] Ja [ ] Nein Was ist das erwartete Verhalten? Dass GrapesJS das Ziehen und Sortieren von Interaktionen mit benutzerdefinierten Webkomponenten unterstützt, die Shadow DOM nicht aktiviert haben. Beschreibe den Bug Hallo, wir nutzen GrapesJS ausgiebig und...
artf
Dieser Bug/Anfrage gilt nicht nur für StencilJS, sondern generell für Web Components und den Shadow DOM. Gibt es Best Practices bei Grapes and Web Components, um Ereignisse zu aktivieren oder zu verfolgen, um diese Probleme zu vermitteln?...
jenter
@artf klar, danke für die schnelle Antwort. Ich habe meine eigene Webkomponentenbibliothek hier in diesem Fiddle importiert, um das Problem zu demonstrieren: https://jsfiddle.net/jenter77/5btn2ao7/25/ ! fiddleSort Wenn du auf mein öffentli...
artf
Hallo Jason, ich habe versucht, mir anzusehen, was im Editor passiert, und ich bin mir nicht sicher, wie die Option 'Schatten' dieses Verhalten tatsächlich beeinflusst, aber das Hauptproblem, das ich sehe, ist das dynamische '<div class="d...
Hallo @artf ich versuche, neue Arten von Eigenschaften hinzuzufügen. Unten ist mein Code. Es aktualisiert auch die Werte im Code, aber beim Neuladen wird das Link-Merkmal auf Standard gesetzt. Hier ist mein Code 'Redakteur. DomComponents.addType('link', { model: dModel.extend({ defaults: Object.assign({}, dModel.proto...
Abhisheknanda1344463
Es funktionierte, nachdem ich einen Code ins Plugin gelegt hatte.
Hallo zusammen Ich versuche, einen Reichweitenregler innerhalb eines Merkmals zu erstellen, mit dem ich eine Div-Höhe ändern kann. Ich habe eine neue Komponente erstellt und darin ein Merkmal erschaffen. Ich habe versucht, eine Lösung mit einer Selectbox zu finden, die anscheinend funktioniert. Aber jetzt werde ich ve...
Ikenderham
https://jsfiddle.net/psrdmx4c/
artf
Es gibt kein eingebautes Reichweitenmerkmal, du musst zuerst eines erstellen
Hallo, Ich versuche, eine Standardvorlage aus dem entfernten Speicher in den Editor zu laden, aber es wird nichts angezeigt. Als Teil der Initialisierung habe ich diesen Code: storageManager: { Typ: "remote", Autosave: True, Autoload: Stimmt, stepsBeforeSave: 3, URLStore: "https://myendpoint/lib/remotestorageloadtempl...
mcottret
Hallo @jamejillagit! Laut der Art und Weise wie DOM-Komponenten geladen werden scheint GrapesJS das Laden von der Eigenschaft 'gjs-components' gegenüber der 'gjs-html'-Eigenschaft zu priorisieren, solange diese definiert und gültig ist (Ar...
artf
@jamejillagit unbedingt diese https://grapesjs.com/docs/modules/Storage.html gelesen haben. Wenn du das HTML wieder lädst, um die Vorlage zu aktualisieren, wirst du Probleme bekommen
Hallo, Kann mir jemand helfen? v0.16.17 Ich muss HTML für die Videokomponente zur Struktur ändern: Ich versuche, die toHtml-Methode zu überschreiben, aber sie haben nie... Hol dir das DomComponents-Modul Let comps = Editor. DomComponents; Lass BM = Editor. BlockManager; Erhalten Sie das Modell und die Ansicht vom Stan...
Hey, Wir verwenden derzeit GrapeJS, um flüssige Vorlagen (Shopify-Syntax) zu erstellen. Die aktuelle Implementierung lässt die Vorlage, zum Beispiel ''{{ name }}', im Editor nicht gerendert. Dies liegt daran, dass selbst wenn das 'gjs-html' nach einem Store/Load-Zyklus vom Server interpoliert wird, der Editor weiterhi...
artf
Nun, wenn du das HTML wieder lädst, verlierst du alle Komponenteninformationen (hier irgendwie erklärt hier). Als Analogie: Versuche, Photoshop-Dateien und JPG als Ausgabe zu betrachten. Wenn du die JPG wieder lädst, siehst du die in deine...
Hallo, @artf lange Zeit, ich hoffe, es läuft gut mit dir und deinen Angehörigen. Es gibt einen kleinen Fall, den ich fragen wollte, was du denkst, bevor ich eine Anfrage stelle. Ich habe eine benutzerdefinierte Link-Komponente, die um ein li-Tag gewickelt ist; dieser Link hat ein Ereignis, um seine übergeordnete li zu...
artf
Danke Juan, alles gut, und ich hoffe, dir geht es :)Das kann gelöst werden, indem man einfach zurückgibt, falls der entfernte Param falsch ist, aber vielleicht ist das zu hackig und ich sollte nach einer anderen Lösung suchen und nicht daz...
Hallo, Ich versuche, TinyMCE dazu zu bringen, als Editor in einem Modal statt in Inline zu arbeiten. Ich kann die ausgewählten Komponenten HTML mit target.getEl().innerHTML abrufen, aber das beinhaltet kein Styling. Wenn der Inhalt mit replaceWith(html) zurückgesetzt wird, geht jegliches Styling auf der Komponente ver...
Ju99ernaut
Man kann damit eine Komponente und ihren Stil erhalten; '''js const target = editor.getSelected(); let html = target.toHTML(); Lass CSS = Editor. CodeManager.getCode(target, 'css', { CSSC: Herausgeber. CssComposer }); html = '<style>${css}...