Für einige vordefinierte Befehle hat es einen neuen und einen alten Namen. Er sagt dem Nutzer, das neue Modell wie bevorzugt zu verwenden. Wenn die Wahl des neuen Befehlsnamens zum Erweitern nicht funktioniert, liegt das an alten Namen im internen System. Der Grund ist: Bei 'Commands/index.js' sind die hinzugefügten o...
Ich versuche, "benutzerdefiniertes Code-Plugin" hinzuzufügen, bekomme aber einen Fehler in der Konsole, der "Plugin grapesjs-custom-code nicht gefunden"Ich habe eine React-App erstellt, die Teil einer Reach-Komponente ist. Beachte, dass das problemlos funktioniert, wenn ich das Plugin von einer HTML-Seite und nicht vo...
artf
Hallo, @megarg tatsächlich verwenden neue Plugins ('Presets' sind noch nicht aktualisiert) ein neues Exportformat, wodurch dieser Import, 'Import 'grapesjs-custom-code'; unbrauchbar ist. Das Beispiel für die Nutzung neuer Plugins sehen Sie...
megarg
Lassen Sie mich einige weitere Details nennen: -----Konfiguration----- $-Knoten -v v10.15.3 $ npx node-sass -v node-sass 4.12.0 (Wrapper) [JavaScript] libsass 3.5.4 (Sass-Compiler) [C/C++] Betriebssystem ist: Windows 10 Ich würde mich sehr...
Ich habe eine Frage zu Merge-Feldern, ähnlich wie https://github.com/artf/grapesjs/issues/481. Ich versuche, dass mein Merge-Feld-Symbol mit einem Input-Dropdown-Menü ein Modal umschaltet und dann, nachdem ich eine Option aus dem Dropdown ausgewählt habe, das Merge-Feld selbst einfügen lässt. ^ Ich habe etwas in diese...
artf
Generell nutzt man 'event.preventDefault()', um die Auswahl beim Element nicht zu verlieren, also könnte das in deinem Fall zutreffen, aber ich bin mir nicht sicher. Versuchen Sie zumindest, eine reproduzierbare Demo zu erstellen, übrigens...
Ich möchte, dass das P-Tag immer 0 Marge hat. Wie mache ich das? Der Grund ist, dass ckeditor den Text um ein p-Tag wickelt und p-Tag einen Rand hat, der alles hässlich macht.
artf
Du kannst alle gewünschten Stile an deine ursprüngliche Vorlage übertragen '''js const editor = grapesjs.init({ Container: '#gjs', Komponenten: '<div class="txt-red">Hallo Welt!</div><p>Text</p>', Stil: '.txt-rot{farbe: rot} p {Rand: 0}',...
Exportierter Code aus 'https://grapesjs.com/demo.html' reagiert nicht so, wie es im Builder aussieht.
jitendra1607
Bitte mach dieses Experiment. Setze eine Navigationsleiste in den Editor. Klicken Sie jetzt auf Vorschau, öffnen Sie die Chrome-Entwicklungstools und ändern Sie die Gerätegröße auf Mobil. Du siehst Menüpunkte in der Navigationsleiste wie d...
Sobald der Editor HTML/CSS erstellt hat, übergeben wir es an einen anderen Code. Dieser Code basiert darauf, dass Klassen einen vorgegebenen Klassennamen verwenden, um Aktionen auf dem HTML auszuführen. (Platzhalter gegen tatsächliche Daten austauschen usw.) Wenn diese Klasse zu einem Element hinzugefügt wird, versuch...
artf
Du könntest einen Hörer auf einen neuen Selektor setzen '''js editor.on('selector:add', selector => { const Name = selector.get('name'); wenn (someConditionForSelectors(name)) { selector.set({ Kann vom Style-Manager nicht gesehen werden, a...
artf
Was meinst du mit "ignorieren"? Um wohin zu ignorieren? Im Style Manager verfügbar zu sein oder etwas anderes?
benvmatheson
Entschuldigung, ich war da unklar. Wenn man auf ein Element/Block klickt und das Element stylt, wird die Klasse standardmäßig gewählt. Könnte diese Klasse standardmäßig deaktiviert und im Feld 'Klassen' versteckt werden? ! Bild
Hallo! Zuerst möchte ich @artf dafür danken, dass sie eine so schicke Bibliothek aufgebaut haben. Ich habe gerade angefangen, es in meinem Projekt zu verwenden, und es war super einfach einzurichten. Ich baue eine React-App mit 'grapesjs' und dem 'grapesjs-preset-webpage'-Plugin. Ich habe versucht, eine Webseite wie d...
artf
Danke übrigens, das 'Box'-Label wird für die Standardkomponente verwendet, nichts Besonderes (zum Zeitpunkt @kwayebopp des Schreibens war 'Box' angenehmer als 'Div').
Ich könnte mit dem Appendto ALLE Blöcke überall hinbewegen, aber wie bewege ich eine bestimmte Kategorie von Blöcken? Ich brauche, dass sie separat erscheinen.
alikabeer32
Nvm fand die Lösung Definiere deine Kategorie so blockManager.get('myblock').set('category', 'customdefinedcategory'); und dann const blocks = blockManager.getAll(); const filtered = blocks.filter(block => block.get('category') == 'customd...
Hallo @artf, Ich muss alle Skripte (Komponentenskripte und andere Skripte) im Editor deaktivieren, und die Skripte sollten nur ausgeführt werden, wenn wir auf den "Vorschau-Button" klicken. Gibt es dafür eine Methode?
sdrebel
Hallo @artf, Danke für die Antwort. Im Moment entferne ich alle Skripte und lasse sie nur im Vorschaumodus laufen.
artf
Nein, momentan gibt es keine öffentliche API, die das tun kann
Mariasmol
Hallo @sdrebel würde mich freuen, wenn du deine Lösung teilen könntest. Außerdem habe ich, nachdem ich Skripte im Editor zugelassen hatte, dieses Beispiel kopiert, um es zu importieren ! Bild Drückte den Import und sah die Hello World. **A...
Ich habe das Verfahren gemacht, um den lokalen Server mit dem 'dev'-Branch zu starten, wie in README beschrieben, es funktionierte auf der Konsole, aber in Chrome scheitert es und die grapesjs laden wegen des folgenden Fehlers nicht ! Bild
artf
Ich habe kurz nachgeschaut und der Grund scheint die neueste Version [email protected] zu sein. Ich habe keine Zeit zu recherchieren, also friere ich einfach die aktuell verwendete Version ein.
artf
Seltsam, das habe ich noch nie gesehen. Es könnte eine Änderung der Entwicklerabhängigkeit in einer kleinen Version sein. Versuche, node_modules mit exakt den Abhängigkeitsversionen neu zu installieren
verdverm
Ich habe Probleme, dem Entwickler-Setup zu folgen: Vielleicht ein Bundler-Problem? Ich kann das 'min' aus 'grapes.min.js' in der 'index.html'-Datei fallen lassen und es funktioniert. Wenn ich jedoch die 'grapes.js'-Ausgabe erstelle, ersche...