Hallo @artf, Ich habe ein seltsames kleines Problem. Ich habe ein benutzerdefiniertes Merkmal, das eine Implementierung zum Setzen von Bildern und Hintergrundbildern enthält. Wenn ich das Hintergrundbild ein zweites Mal mit dem untenstehenden Code setze, bekomme ich doppelte Styling-Regeln auf der Element-ID. '''js va...
artf
Duplikat von #932
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 @artf, Ich habe ein seltsames kleines Problem. Ich habe ein benutzerdefiniertes Merkmal, das eine Implementierung zum Setzen von Bildern und Hintergrundbildern enthält. Wenn ich das Hintergrundbild ein zweites Mal mit dem untenstehenden Code setze, bekomme ich doppelte Styling-Regeln auf der Element-ID. '''js va...
samuelmattos
Hallo, ich habe dasselbe Problem. In der Vorschau https://jsfiddle.net/szLp8h4n/77/ Wenn ich den Hintergrund der Box in der Vorschau ändere, ändert er sich, aber im Code generiert es eine weitere ID. Wenn du die Vorlage auf diese Weise spe...
artf
Danke für das Beispiel@samuelmattos aktuell ist der einzige Workaround, den ich dir geben kann, mit dieser Option zu beginnen: '''js grapesjs.init({ Normalerweise ändert sich beim Aktualisieren des 'Stils' der Komponente das elements 'Stil...
artf
Zunächst schlage ich vor, 'self.target.addStyle({'background-image': 'url(...)'}) zu verwenden.' für deinen Fall, der weniger wortreich ist.Vielleicht hängt das mit diesem Problem zusammen: Das Element hat außerdem eine Klasse mit einem St...
Hallo, Ich habe einige Probleme, die Vorlage in der Datenbank zu speichern, und ich bin mir nicht ganz sicher, warum das passiert. Ich habe alle Probleme hier gelesen und kann immer noch nicht speichern, es gibt immer drei Dinge: Speichere es leer, speichere den Wert des Arrays oder speichere ein JSON mit Dutzend Balk...
artf
Es sieht so aus, als wäre das von dir gepostete Bild beschädigt. Übrigens, schau dir einfach an, was auf Netzwerkebene passiert (über den Inspektor), und ich bin sicher, du wirst den Fehler finden Noch etwas: Ich weiß, dass du das von eine...
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! Ich versuche, den Standard-Assets-Manager mit unserem benutzerdefinierten Manager zu ändern. Beim Doppelklick wird das ausgewählte Bild durch ein neues mit anderer Größe ersetzt. Es funktioniert, aber das Element der Größenänderungen aktualisiert ihre Position nicht. Ist es möglich, ihn neu zu initialisieren? !...
alfaalex81
Ich habe ein Bild auf Canvas, zum Beispiel 300x200, doppelklicke darauf und wähle ein neues Bild im Asset Manager aus, jetzt ist es 600x400. Wenn ich deinen vorgeschlagenen Code starte, ist das neue Image nicht bereit. Ich habe es mit eine...
artf
Versuche, die Komponente erneut auszuwählen '''js var selected = editor.getSelected(); editor.select().select(selected); ```
alfaalex81
Danke für deine Antwort, ich habe deinen Vorschlag ausprobiert, aber das Bild ist noch nicht fertig, wenn ich das Auswahl-Update starte. Gibt es einen Callback oder einen Zuhörer auf geladenem Bild?
Ich habe im Wiki danach gesucht, aber nichts darüber gefunden. Ich möchte die Größe für alle aktuellen und zukünftigen Bilder standardmäßig deaktivieren. Ist das möglich?
artf
Erweitern Sie das 'image' Component und setzen Sie als Modelleigenschaft 'resizable: false'
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 grapejs NodeJS benötigt, sollte das Dokument/Wiki das irgendwo klar angeben (z. B. wichtige Abhängigkeiten und den Servertyp angeben, der dafür benötigt wird). Du erwähnst, dass es in einem CMS läuft, aber du sagst nicht, dass es eine ganze Seite erstellt und außerhalb eines CMS laufen kann oder nicht. Frage: Wen...
artf
Wenn grapejs NodeJS benötigt, sollte das Dokument/Wiki das irgendwo ganz klar angeben In der Tat, das tut es nicht... Du brauchst NODEJs nur für den EntwicklungszweckSie erwähnen, dass es in einem CMS läuft, aber nicht sagen, dass es eine...
NealWalters
Danke, Art. Okay – lass uns das noch einmal lesen: "GrapesJS wurde entwickelt, um innerhalb eines CMS verwendet zu werden, um die Erstellung dynamischer Vorlagen zu beschleunigen." Das könnte bedeuten, dass ich ein CMS brauche und dann Gra...
artf
Ja, es geht nicht nur um CMS, sondern auch um eine allgemeine Nutzung. In grapes.min.js bekommst du alles, was du brauchst, NodeJS ist nur für einen korrekten Entwicklungsserver gedacht (Testen, Zusammenführen von Abhängigkeiten usw.).
Ich konnte nicht herausfinden, wie man H1 oder einen anderen Header-Texttag hinzufügen kann. Das ist wichtig wegen SEO
artf
Wahrscheinlich solltest du mehr über Blocks lesen. Es scheint, als hätte jemand ein Plugin für Überschriften :) https://github.com/olivmonnier/grapesjs-plugin-header
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.
Dies ist ein Code, den ich benutze: 'this.editor = grapesjs.init(this.config)' 'const commandManager = this.editor.Befehle' ' commandManager.get('preview').run(this.editor)' Ich möchte, dass der Editor sofort nach dem Laden in den Vorschaumodus wechselt. Es geht zwar in den Vorschaumodus, aber die Offsets werden weite...
artf
Ja, du solltest das nutzen '''js editor.on('load', () => editor.runCommand('preview')) ```
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 habe den Code gelesen und nur ich konnte herausfinden, dass es nur eine Liste von 'ToolbarButton' gibt, die mit der Werkzeugleiste verbunden ist. Ich habe eine spezielle Eigenschaft, die ich gerne in die Symbolleiste einfügen möchte, weil es sehr wichtig ist, beim Benutzer zu sehen, welche Komponente diese Eigensc...
sura2k
Ich konnte es verwalten, indem ich 'ToolbarButton' und dessen Ansicht geändert habe. Später entschied ich mich jedoch, sie offenzulegen, indem ich diese über eine separate Eigenschaft zu 'DomComponents' hinzugefügt habe, anstatt 'ToolBar.....
vtsoft
Hallo @sura2k, Ich möchte außerdem eine Auswahloption in der Symbolleiste hinzufügen. Könnt ihr bitte eure Ideen/den Code/das Skript teilen, wie ihr es implementiert habt? Danke im Voraus.
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 arbeite daran, Grapesjs in eine neue Entwicklung zu integrieren, an der ich arbeite. Ich hatte mit der Dokumentation und dem Wiki-Forum viel Erfolg, stoße aber auf ein paar Probleme, bei denen ich hoffe, dass mir jemand helfen kann. Ich arbeite nur mit einer mobilen Ansicht, ich habe das Standardgerät auf mobil ge...
artf
Deine Änderung am Block funktioniert nicht, weil du die eigentliche Komponente nicht änderst (nur die Eigenschaft des Blocks). '''js Redakteur. BlockManager.get('image').get('content').style = { 'max-width':'100%' } Eine einfachere Möglich...
mbleverage
Danke! Ich konnte das zum Laufen bringen mit: 'protectedCss: 'img {max-width:100%;}',' Ich habe dasselbe Problem mit Videos und iframes (für YouTube), die auf die Vorlage gelegt werden, die größer ist als die Bildschirmgröße, und die prote...
artf
'protectedCss' ist geladen, also ist das CSS hier; wenn es nicht funktioniert, ist deine CSS-Technik wahrscheinlich nicht korrekt