Da Titel + Hintergrundbild vom Style-Manager entfernt wird, wenn eine Hintergrundebene hinzugefügt wird.Einstieg: https://jsfiddle.net/5upe6myo/Beachten Sie das HintergrundbildKlicken Sie zwischen den Texten. Sollte als "Box" angezeigt werden.Unter Stilen > Dekorationen wird das Hintergrundbild nicht angezeigt.Das Kli...
NoJacko
Die Stile, die ich für mein Element definiert habe, sind im Style-Manager nicht erreichbar. Wenn ich auf das Feld in der Leinwand klicke, würde ich wirklich erwarten, alle Stile im Style-Manager zu sehen, statt die Styles der Klasse, die G...
artf
Tatsächlich funktioniert Style Manager so mit Klassen. Wenn du die "Box" auswählst, siehst du, dass du den ".fluid-container.c318"-Selektor ausgewählt hast, der keinen BG hat, aber wenn du die Klasse "fluid-container" deaktivierst, ist der...
NoJacko
Das erscheint mir etwas seltsam. Trauben, die die Klasse 'c318' hinzufügen, macht meine Stile unerreichbar. Ich würde erwarten, dass das bereitgestellte HTML und die bereitgestellten Stile bearbeitbar sind.
Ich möchte das Image Viewer jquery-Plugin in grapesjs neuen benutzerdefinierten Block integrieren, aber der jquery-Code erkennt nicht. Wie kann jquery-Code in einer Komponente schreiben?
artf
Du musst zuerst JQuery laden. Lesen Sie hier mehr darüber https://github.com/artf/grapesjs/wiki/Components-&-JS#dependencies
ancanot
Ich habe jQuery zuerst geladen. ImageViewer Plugin URL - https://www.jqueryscript.net/gallery/jQuery-Plugin-For-Product-Viewer-with-Image-Hover-Zoom-BZoom.html Das Problem ist, dass, wenn ich Component erstelle, das Plugin verbunden ist (i...
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 die Dokumentation verfolgt und konnte Bilder hochladen. Wenn ich einen Bildblock (mit dem Newsletter-Preset) ziehe und ein Bild aus den Assets auswähle, fügt das ein leeres Bild auf die Leinwand hinzu. Ich muss auf das Bild auf der Leinwand doppelklicken und es erneut auswählen, damit es angezeigt wird. Gibt...
artf
... Es fügt der Leinwand ein leeres Bild hinzu. Kann es nicht reproduzieren. Gibt es eine Live-Demo? Oder zumindest einen Screencast/GIF?
Hillelcoren
Ich habe ein einfaches Sample zusammengestellt und es funktioniert, es muss ein Problem mit meinem Code sein.
Hillelcoren
Entschuldigung, dass ich Ihre Zeit in Anspruch nehme! Falls sonst jemand dieses Problem bei mir sieht: Es passierte, weil ich das canvas:drop-Event verwendet habe, um das HTML anzupassen (um eine Mail-Merge durchzuführen). Ich habe es beho...
Ich versuche, diese Integration zu bootstrappen, und ich glaube, das MDL-Framework läuft nicht, weil JS-Komponenten überhaupt nicht initialisiert sind Hier ist der Plunker Ich habe sowohl den Code von GrapesJS als auch MDL untersucht und beide scheinen gut zu funktionieren. Ich habe mehrere Möglichkeiten ausprobiert,...
artf
Hallo@vrudikov JS scheint korrekt zu laden (und das sieht man an anderen JS-Elementen wie Dialogen), aber MDL scheint nicht automatisch zu initialisieren. Ich denke, man muss einfach herausfinden, wie man seine init-Methode bezeichnet
Vrudikov
Für alle, die eine Integration von Material + GrapesJS wünschen – benutze einfach material-components-web
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 habe eine Frage zum Canvas-Stil, in diesem Fall habe ich eine solche Konfiguration. '''js var editor = grapesjs.init({ Container: '#gjs', Leinwand: { Stile: ['/Builder/CSS/builder-desktop.css'] } }) ``` Standardmäßig verwende ich CSS mit dem Namen 'builder-desktop.css' für den Standard-Canvas-Stil. Und wenn...
Hibuno
Hallo, Vergiss es, ich löse dieses Problem, füge einfach ein Ereignis bei so einer Änderung hinzu. '''javascript editor.on('change:device', function(e) { if (e.attributes.device !== 'Desktop') { editor.setStyle('/builder/css/builder-mobile...
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 brauche die Funktion, um den HTML/CSS-Code automatisch in der View-Code-Komponente zu kopieren. Gibt es eine vordefinierte Funktion? oder muss ich das direkt umsetzen?
Hibuno
Hallo @poirin, Ich habe eine Lösung, letzte Woche hatte ich dieses Problem auch, ich versuche, aktuelles HTML und CSS ohne manuelles Kopieren zu speichern. Und unten ist mein Code. --- Füge benutzerdefinierte Panels hinzu, z. B. linker obe...
artf
Wenn du davon sprichst, deine Vorlagen in der Datenbank oder einem anderen entfernten Endpunkt zu speichern, kannst du das integrierte RemoteStorage einrichten, schau dir hier #778 an
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, Zunächst einmal ist das genau das, wonach ich schon lange gesucht habe, also danke für deine Bemühungen. Als Nächstes möchte ich eine Schriftart in der Typografie | Dropdown-Liste. Wie gehe ich vor, um einen hinzuzufügen? Hinweis: Ich habe Beiträge gesehen, in denen du vorschlägst, ein neues Stylesheet hinzuzuf...
IceCrystal0k
So habe ich neue Schriftarten zum Style-Manager hinzugefügt: Rufen Sie diese Funktionen entweder nach der Initialisierung auf oder auf editor.on('load', ()=> { .... addFonts() ... }) Wenn du ein Preset wie das Newsletter-Preset verwendest,...
artf
Hallo @webnoob derzeit ist der einzige Weg, das über das Initialisierungsobjekt hinzuzufügen. Hier ist der Ausschnitt aus der Demo https://github.com/artf/grapesjs/blob/gh-pages/demo.html#L1045-L1062 Wie du siehst, spezifiziere ich keine S...
Webnoob
Danke dafür. Basierend auf dem, was du mir oben gezeigt hast, habe ich den StyleManager verwendet, um die zusätzliche Schriftart hinzuzufügen, so: Ich nehme an, mit dieser Methode müsste ich die eigentliche Schriftart über ein Stylesheet i...
Ich habe ein neues Plugin implementiert, das einen weiteren Button im Exportfenster hinzufügt, es funktioniert einwandfrei. Wenn die Seite jedoch angezeigt wird, gibt es keinen Spalt zwischen ihr und dem bestehenden "ZIP-Export Export"-Button. Wie könnte ich auf die Traubenart einen Platz hinzufügen? Geht es nur darum...
Ryandeba
Hallo @kewilson, Wenn ich dein Problem richtig verstehe, würde es wahrscheinlich viel besser funktionieren, den linken Rand statt des linken Polsters einzustellen... Ist dieses Screenshot dem, was du erreichen möchtest? Falls ja, könntest...
Ryandeba
Hallo @kewilson, Das ist etwas schwierig ohne ein Live-Code-Beispiel (wie eine JSFIDDLE-Demo), aber ich sehe ein paar Probleme:'Let buttons = Editor. Modal.getElementsByTagName("button") || {};`Das wirft wahrscheinlich einen Fehler aus, da...
Kewilson
ok, also button.style.paddingLeft = "30px"; Funktioniert, aber ich habe bemerkt, dass der Randbereich, an dem sich die Tasten befinden, nicht zwischen den beiden unterscheiden ... das heißt, es gibt keinen Knopfrahmen um den Text jeder Tas...
Ich sehe keine einfachen Blöcke, mit denen man eine Tabelle erstellen kann. Selbst wenn ich den Block mache, ist es unmöglich, den Text zu bearbeiten. Blockbeispiel Mit dieser Option kann ich den Inhalt jedes TD nicht ändern und sie geben mir auch nicht die Möglichkeit, Spalten oder Zeilen zu duplizieren. @artf Sie pl...
chiqui3d
Den th. Text in einen Absatz zu hüllen, funktioniert gut. Aber wie gesagt, du planst, benutzerdefinierte Tabellenoptionen für die Ränder und die allgemeine Tischfarbe hinzuzufügen.
ionic666
@chiqui3d Hallo, kannst du mir sagen, wie ich mit dem Tischblock umgehen soll.
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 versuche, zwei Eingaben (Breite und Backgound-Color) für den Template Body zu erstellen und möchte das in der Panel-Ansicht korrigieren. Wenn eine Komponente ausgewählt wird, müssen diese beiden Eingänge vorhanden sein. Wie kann ich das tun?
artf
@JulyanoF Du musst also nur die Verpackung stylen?!?
JulyanoF
Ich schätze, es liegt am Körper und an der Verpackung, die ich stylen muss. Ich würde auch gerne Colorpicker verwenden, wie Style Manager
artf
Wie die aktuelle öffentliche Demo, die es erlaubt, den Hintergrund des Körpers zu aktualisieren?