Hallo! Ich benutze diesen Code, um einen neuen Block hinzuzufügen: blockManager.add("image", { Etikett: 'Bild', Kategorie: 'Basic', Attribute: { Klasse: "gjs-fonts gjs-f-image" }, Inhalt: { Stil: { Farbe: "Schwarz" }, Typ: "Bild", activeOnRender: 1, }, }); Wie kann ich eine benutzerdefinierte Klasse zum IMG-Tag hinzuf...
arthuralmeidap
@alfaalex81 Für das Objekt 'content' können Sie einen neuen Index namens 'classes' hinzufügen. Dieser Index muss ein Array von Klassen sein, die auf den neuen Image-Block angewendet werden; Endgültiger Code:
alfaalex81
Super! Ich habe noch eine weitere Frage zum gleichen Argument. Ich muss zum Beispiel einen benutzerdefinierten Block mit einem Bild darin erstellen: <div> <ul> <li> <div><a href="#link"><img src="" alt="Titelbild" /></a></div> <a href="#li...
arthuralmeidap
Das ist nicht das aktuelle Verhalten der Trauben. Der AssetManager öffnet sich nur, wenn du direkt einen IMG-Block versenkst. Du musst den IMG-Block in deinem benutzerdefinierten Block auswählen und einen solchen Code ausführen:
Hallo @artf, Gibt es eine gängige Methode, mit der wir etwas Aktuelles auf Canvas wissen können? Wir möchten einen benutzerdefinierten Rückgängig-Manager erstellen und auch eine Autosave-Option bieten, falls Jede Änderung in der Leinwand wie Style-Update, Klon, Löschen, neues Element wird in die Leinwand. Jede Hilfe w...
artf
Beginnen Sie damit, sich die verfügbaren Veranstaltungen anzusehen https://grapesjs.com/docs/api/editor.html#available-events
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.
Zunächst einmal danke ich euch allen für diese großartige Bibliothek, Und ich habe eine Klarstellung: Wie passe ich das Beispiel der Abwurfposition an: Wenn ich ein Textfeld in Canvas ziehe, sieht es so aus wie - (siehe Referenzbild 1) Und ich möchte die Position dieses Textes anpassen, indem man ihn einfach von links...
artf
Der "Designer-Modus" ist noch nicht verfügbar, aber im Roadmap (#74) geplant
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.
Hey Artf, Zunächst einmal Glückwünsche an dieses großartige Projekt, ich benutze es wirklich gerne. Zweitens: Es geht NICHT darum, Trauben innerhalb eines Angular-Projekts zu betreiben, sondern eher das genaue Gegenteil: Grapesjs läuft bereits einwandfrei als Angular-6-Komponente. Was ich tun möchte, ist, andere eckig...
artf
Alle benutzerdefinierten Skripte, die über 'canvas.scripts' geladen werden, werden VOR den Komponenten geladen, also funktioniert es offensichtlich nicht, wenn du versuchst, auf etwas zu mounten. Wahrscheinlich musst du auch 'Component rel...
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 führe die neueste Version (0.14.29) auf einem lokalen Server aus. Ich benutze das Beispiel-Webseiten-Preset. Ubuntu 18.04, Chromium 69. Ich habe ein Problem, Bilder auf die Leinwand zu ziehen. Ich benutze ein PHP-Backend. Das Bild wird hochgeladen und dem Assetmanager hinzugefügt, aber das Bild erscheint nicht im...
JulyanoF
@ageir ich habe etwas anders gemacht (zum Dateihochladen): und und für Listenbilder:
artf
Wegen deiner benutzerdefinierten UploadFile (warum nicht nur das Original verwenden???) rufst du den Callback nicht auf https://github.com/artf/grapesjs/blob/dev/src/asset_manager/view/FileUploader.js#L105
Mathiasbc
HALLO @artf, Ich habe dasselbe Problem, meine Konfiguration sieht so aus: Diese Funktion funktioniert ganz gut, ich kann tatsächlich Bilder hochladen und sie werden im Asset-Manager angezeigt. Für den Bildblock habe ich: Das ist direkt aus...
Hallo. Ich entwickle ein Plugin für Diagramme mit chart.js. Ich muss das Modell des Diagramms innerhalb der generierten Komponente speichern, um das Diagramm auf den Back-Canvas-Laden darzustellen. Um dies zu erreichen, entschied ich mich, das Modell des Diagramms in einem HTML-Teil der Komponente beizubehalten. Dies...
Danke, diese Methode funktioniert! Allerdings muss ich das Modell des Diagramms im HTML der Komponente speichern, damit die generierte Vorlage das Diagramm außerhalb des grapesjs-Editors rendert. Ich kann nichts in einem benutzerdefinierte...
artf
@gabrigcl ich verstehe nicht, was jetzt das Problem ist... kann ich nichts innerhalb eines benutzerdefinierten HTML-Attributs der Komponente so speichern, wie ich es möchte Aber genau das hast du in deinem vorherigen Beitrag gezeigt, versu...
Hallo @artf, Ich benutze das Newsletter-Plugin von grapesjs mit dem ckeditor-Plugin. Ich habe das TEXT-Element in Canvas gezogen und mit ckeditor etwas bearbeitet. Ich habe es mit der Datenbank verbunden. Immer wenn ich Inhalte in der Datenbank speichere, setze ich nach dem erneuten Bearbeiten des Editors den Inhaltsw...
artf
@Siddharth-ss42279 Wenn du die von GrapesJS erstellte Vorlage BEARBEITEN musst, SOLLTEST DU NICHT das HTML verwenden.... du solltest seine JSON importieren... Also machst du es FALSCH** Es ist wie das hier '''js el.addEventListener('klick'...
artf
Was speichern Sie in Ihrer Datenbank? Das HTML und CSS?
Siddharth-ss42279
Hallo @artf Tatsächlich erhalte ich HTML mit dem Kommando 'editor. Commands.get('gjs-get-inline-html').run(editor)' und speichere es in der Datenbank, und zum Rendern von Inhalten benutze ich 'editor.setComponent(content_field)'. Das Probl...
Hallo, Ich muss zwei Dinge tun:Ich brauche eine Komponente, um einen Button mit spezifischer ID zu erstellen und die ID zu bearbeiten.Definiere ein Tag HTML als unmögliches Entfernen. (auch nicht mit der Clear Canvas-Funktion) Danke, dass du mich gelesen hast
artf
https://grapesjs.com/docs/modules/Components.html
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.
In der neuesten Version von Grapesjs. Ich kann den Bug bei beiden replizieren. Linux Ubuntoo, Moxilla. Ich erwarte, dass das CSS nur einmal angezeigt wird, sonst ist es im Fenster zu viel für den Export. CSS wird dupliziert. Duplikation tritt bei @keyframes Stilen auf. Also löscht Canvas Drag Tabs, Block auf Canvas, E...
artf
@blairpanek ich nicht verstehe, wie ich das Problem reproduzieren soll, bitte eine Live-Demo bereitstellen
Keine Antwort[Bot]
Diese Angelegenheit wurde automatisch geschlossen, da auf unsere Anfrage nach weiteren Informationen vom ursprünglichen Autor keine Antwort erhalten wurde. Mit nur den aktuellen Informationen in der Ausgabe haben wir nicht genug Informatio...
yomeshgupta
@artf Großartige Arbeit an dem Projekt! Allerdings ist mir aufgefallen, dass sich 'CSS' in 'Media Queries' wiederholt. Irgendeine Ahnung warum? Ich habe auf meinem lokalen Rechner dasselbe Problem. Das passiert auch auf der Demo-Seite: htt...
Ich habe eine 'Canvas'-Komponente und muss in der Lage sein, Ereignisse für diese zu registrieren. Nachdem ich den Code durchgesehen und nach relevanten Modellereignissen gesucht habe, fiel mir nur ein, was tatsächlich beim Resize ausgelöst wird, Folgendes: '''JavaScript handleUpdate (e) { if (this.prevWidth !== this....
artf
Hallo David, ich denke, momentan ist das Beste, was du machen kannst, aber ich bin offen für Vorschläge, um es weniger hacky zu machen
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.