GrapesJS-Probleme

3,464 parsed GitHub-Probleme 370 gelöst · 90 ist geöffnet. Suchen, filtern und erkunden Sie bewährte Antworten.

3,464-Probleme gefunden

#2054May 31, 2019von ZhangyanweiKeine Antworten
0-Reaktionen

Zwei Kommandonamen (neu und alt) verursachen die Kommando-Division.

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...

#2053May 31, 2019von megarg2-Antworten
1-Reaktionen

Kann kein Plugin verwenden: grapesjs-custom-code

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...

#2052May 31, 2019von tsuwunrut-carecloud1-Antwort
0-Reaktionen

Merge-Felder

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...

#2051May 30, 2019von alikabeer322-Antworten
2-Reaktionen

Kann ich einem HTML-Tag wie einem HTML-Tag ein Standard-Styling geben<p>?

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}',...

alikabeer32

Genau das, was ich gebraucht habe, danke!!

#2050May 30, 2019von jitendra16071-Antwort
0-Reaktionen

Keine Reaktionsfähigkeit im exportierten Code

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...

#2049May 30, 2019von benvmatheson3-Antworten
1-Reaktionen

Kann der Redakteur angewiesen werden, einen Kurs zu ignorieren?

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

#2048May 30, 2019von kwayebopp1-Antwort
0-Reaktionen

Wo wird die Box-Komponente in den Demos verwendet?

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').

#2047May 30, 2019von alikabeer321-Antwort
3-Reaktionen

Ich brauche eine benutzerdefinierte Kategorie von Blöcken, die in einem anderen Panel/Div erscheint.

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...

#2046May 29, 2019von sdrebel3-Antworten
1-Reaktionen

Wie kann man Skripte im Editor deaktivieren?

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...

#2044May 29, 2019von eduardonunesp3-Antworten
1-Reaktionen

Die Entwicklung von NPM auf dem lokalen Server hat nicht funktioniert

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...

Durchsuchen Sie alle Themen