Verhalten Ich benutze einen externen Javascript-Code, der einige SVG-Elemente dynamisch basierend auf ihren Attributen ersetzt. Der Javascript-Code prüft zunächst den Typ des zu validierenden Elements, also ob es sich um ein SVGElement wie hier handelt: 'document.querySelector('#someId') Instanz von SVGElement' Der Co...
artf
Der Code gibt in Firefox True zurück, aber False in Safari und Chrome, obwohl ich im Chrome-Eigenschaften-Tab bestätigen kann, dass er tatsächlich vom Typ SVGElement ist. Komisch, scheint ein Chromproblem zu sein...
Wir hatten ein Problem, dass die Metadaten von Grapes (Komponenten, Stil usw.) so stark gewachsen sind, dass es bei uns Probleme verursacht hat. Nach der Inspektion stellten wir fest, dass die HTML/CSS-Grapes weniger als 5k ausgaben, aber die Components/Style-Objekte bei ~190k gespeichert wurden. Nachdem ich mir die K...
devgru
Erwägen Sie, das Flag 'avoidDefaults' zu verwenden, das reduziert den Konfigurationsaufwand, indem diese Standardwerte entfernt werden: https://github.com/artf/grapesjs/blob/c1fb490a73adefb0fa073f37bef4e6178d9321a8/src/editor/config/config...
artf
Erwägen Sie, avoidDefaults-Flag zu verwenden, das reduziert den Konfigurationsaufwand, indem diese Standardwerte entfernt werden Richtig
FragenWie kann ich einen Teil meiner Vorlage zu einer Komponente machen?Wie kann ich draggableComponents auf eine solche Komponente setzen?Wenn ja, kann ich dann aufhören, selectable: false, highlightable: false, hoverable: false auf den Kindknoten innerhalb dieser Komponente einzustellen?Ist es möglich, eine andere e...
Pouyamiralayi
Wenn du den Editor mit einigen Komponenten initialisieren möchtest, die bereits in der Leinwand platziert sind, brauchst du Folgendes: '''js Editor-Initialisierung... Definiere benutzerdefinierte Komponente wie zuvor Anstatt mit der Blockd...
artf
Grapes hat momentan ein Problem beim Speichern benutzerdefinierter Komponenten außerhalb der Plugins. Tatsächlich werden sie korrekt gespeichert, es geht nur darum, Komponenten zu laden, die nicht erkannt werden, weil der benutzerdefiniert...
Jogai
Danke für die Antwort und die Links. Sie sind wirklich hilfreich. Für diese Frage suchte ich jedoch nach einer Möglichkeit, dies innerhalb einer Vorlage zu machen. Derzeit nutzen wir den Blockmanager nicht, unsere Nutzer ziehen nur Sachen...
Hallo zusammen, Ich habe die benutzerdefinierten CKEditor-Blöcke hinzugefügt und es funktioniert einwandfrei. aber das eigentliche Problem ist, dass ich die Eigenschaften in den CKEditor-Blöcken nicht löschen, verschieben oder hinzufügen kann. Ich habe alles versucht, aber nichts funktioniert. Ich habe wirklich festge...
artf
Nun, der Textbereich kann nicht ausgewählt werden, weil er ein statisches Element ist, das aus dem 'Skript' deiner Komponente generiert wird, also ist er nicht Teil des Editors, alles ist korrekt. Wenn dein Ziel ist, interne CKEditor-Konfi...
artf
Übrigens, mach das nicht: 'ClassicEditor.create(document.querySelector('#ckeditor'))'. Auf diese Weise bricht deine Integration mit mehreren Komponenten gleichzeitig. Ich denke, es wäre besser, wenn du deine Sachen auf diese Weise aktualis...
Ich arbeite an einem Projekt und habe Schwierigkeiten, Remote-Daten zu bekommen. Code: storageManager: { id: 'gjs-', // Präfix-Identifikator, der auf Parametern verwendet wird Typ: 'remote', // Typ des Speichers Autosave: true, // Daten automatisch speichern Autoload: true, // Autoload gespeicherte Daten auf init step...
miky9585
Ich denke, du musst deine Daten->Attribute ausdrucken. Hier sind meine gedruckten Daten, die einwandfrei funktionieren ! screencapture-localhost-8090-pages-load-2019-08-05-111149
jeffgipson
Danke für die Antwort@miky9585 ich habe es ausprobiert, aber es hat nicht funktioniert
artf
@jeffgipson du ein völlig falsches Format vom Server zurückgibst, lies bitte diesen Teil sorgfältig https://grapesjs.com/docs/modules/Storage.html#setup-the-server
'Redakteur. DomComponents.getWrapper().getEl().insertAdjacentHTML('beforeBegin', letBlock)' letBlock letblock ist eine Variable, die HTML enthält. Frage:Wie entfernt man dieses benachbarte HTML?Gibt es eine Funktion wie "insertAdjacentCSS()"?
zgover
Du hast hier ein paar Fragen angesprochen, aber um zu deiner ersten in deiner Überschrift zu kommen; Beziehen Sie sich hier auf die BlockManager API-Dokumente z. B. '''BlockManager.remove('custom-block-id')'''
artf
Du mischst zu viel in einer Frage und ohne jeglichen Kontext
Froderf
@artf Ich wollte nur den neuen Block entfernen, den ich über hinzugefügt habe. 'Redakteur. DomComponents.getWrapper().getEl().insertAdjacentHTML();'
Hallo! Ich möchte eine benutzerdefinierte Komponente mit GrapesJS integrieren, indem ich Angular CLI 7 nutze, aber das rendert nicht. Meine Komponente basiert auf einer anderen Open-Source-Komponente. Wenn ich es in ein Angular-Projekt einbauen möchte, würde ich einfach die Abhängigkeiten/Bibliotheken in die Typescrip...
artf
Okay, aber was machst du mit den Ausgaben (Winkelkomponenten) des Editors? Ich meine, wie wirst du es am Ende benutzen? Jedenfalls sehe ich zwei verschiedene Ansätze für diese Art von Situation:Für jede Komponente ein benutzerdefiniertes R...
artf
@adelliinaa fangen wir mit einer einfachen Frage an, denn ich verstehe nicht: Was für einen Editor versuchst du zu erstellen? Ein Entwickler für Winkelkomponenten?!?
Adelliinaa
Ich möchte einen Formular-Builder erstellen, ähnlich dem, den du mit den MJML-Komponenten erstellt hast, aber mit Angular CLI statt JS. Und ja, die benutzerdefinierten Komponenten, die ich in GrapesJS integrieren möchte, sind ebenfalls in...
Wenn ich meine Seite bei einer Datenbank-Aktualisierung speichere, sind HTML und CSS so eingestellt $.ajax({ URL: ".. /feeder.php", Tippen: 'POST', ProzessDaten: falsch, InhaltTyp: falsch, Daten: FD, Erfolg: Funktion(Ergebnis){ var response = JSON.parse(result); html = response.html; css = response.css; Redakteur. Css...
artf
@alikabeer32 bitte der BUG-Vorlage folgen, ohne Demo ist es schwer, das Problem zu verstehen
Ich versuche, die Vorlagendaten in der Datenbank zu speichern. Im Moment funktioniert es bei mir erfolgreich. Es postet die Daten 'Assets', 'Components', 'Styles', 'Html' und 'CSS' (genau wie es im localStorage des Browsers gespeichert wird) in ein PHP-Skript. Wie ich herausgefunden habe, enthält der Teil 'Components'...
alikabeer32
Wird dein JavaScript-Code tatsächlich eingestellt? Es könnte daran liegen, dass das Framework standardmäßig kein js setzt, wenn du editor.setComponents (yourhtml) ausführst; 'const editor = grapesjs.init({ ... allowScripts: 1, });` Das kön...
lajby95
@alikabeer32 Hmm, das scheint das Problem gelöst zu haben. Danke!