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 im Exportfenster einen weiteren Button hinzufügt, und es funktioniert einwandfrei. Wenn die Seite jedoch angezeigt wird, gibt es keinen Zwischenstand zum bestehenden "ZIP exportieren"-Button. Wie könnte ich auf die grapesjs Weise ein Leerzeichen hinzufügen? Geht es nur daru...
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 deklariere einen Linktyp wie diesen erneut: Wenn mein Button ('<a>') erstellt wird, wird er so erstellt: '<a class="btn botao-roxo">Botão</a>' Ich würde gerne wissen, wie ich den Inhalt dieses (Botão) in Eigenschaften ändern kann.
JulyanoF
Genau das, wonach ich gesucht habe: Definiere neuen Eigenschaftstyp
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.
Was ich erreichen will: Ich habe einen Code, den ich ausführen muss, wenn eine Komponente "gedroppt" wird. Ich setze "dropped" in Anführungszeichen, weil es ausgelöst werden muss, wenn der tlb-Move endet. Als Benutzer, wenn ich auf das Verschieben-Symbol in der Symbolleiste klicke, muss mein Code nach dem Verschieben...
artf
Hast du es mit Components-&-JS versucht?
maxtacco
Ich habe dasselbe Problem – ich kann kein Ereignis auf einer Komponente finden, auf das ich hören soll, wenn der Zug endet.
maxtacco
Die einzige Möglichkeit, es vernünftig zum Laufen zu bringen, war, auf das "selectedComponent"-Ereignis zu hören, das in https://github.com/artf/grapesjs/blob/b62e032b06f45382849b59e6a3f32049f0a021fc/src/commands/index.js#L168 in der init(...
In meinem Anwendungsfall versuche ich, den Store zu ändern und die vom entfernten Speichermanager verwendeten URLs dynamisch zu laden. Soweit ich das beurteilen kann, erkennt der Editor keine Änderungen an der Konfiguration, wenn ich sie direkt ändere, also '''Redakteur. Config.storageManager.storeUrl = 'blah'''' nach...
maxtacco
Sie können jederzeit auf RemoteStorage zugreifen und URLs aktualisieren: '''javascript const RemoteStorage = Editor. StorageManager.get('remote'); RemoteStorage.set('urlLoad', [urlLoad]); RemoteStorage.set('urlStore', [urlStore]); ```
arthuralmeidap
@ajwootto , Du kannst einen benutzerdefinierten Remote Storage erstellen und darin deine eigene Speicher-/Aktualisierungslogik anwenden. Schauen Sie sich diesen Link an: https://github.com/artf/grapesjs/wiki/API-Storage-Manager
ajwootto
Beide Optionen würden wahrscheinlich funktionieren, aber etwas, das ich vergessen habe zu erwähnen, ist, dass ich in manchen Fällen den Editor mit vorgegebenen Komponenten und Stilen neu initialisieren möchte (also sie im Init übergeben),...