Im GrapesJS-Editor haben wir einige der Schriftgrößen in 'REM'. Ich denke, sie sollten in der 'EM'-Einheit sein, denn wenn wir den Editor in die bestehende Seite einbetten wollen, könnten es Probleme mit der richtigen Schriftgröße geben – falls die übergeordnete Schriftgröße auf eine andere als die Standardgröße geset...
artf
Ja, ich denke, du hast recht, möchtest du eine PR erstellen?
Hallo zusammen Wir arbeiten an einer Newsletter-App und nutzen grapesjs als E-Mail-Editor mit dem voreingestellten Newsletter plguin und einigen benutzerdefinierten Änderungen. Wir speichern die HTMLs in unserer Datenbank und mir ist aufgefallen, dass einige Vorlagen mit der Methode editor.setComponents sehr lange lad...
artf
Das zeigt Ihnen, wie Sie Probleme mit den Leistungen https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/
artf
Hallo @iggolob kannst du ein Beispiel für eine Vorlage und genaue Schritte zur Reproduktion des Problems geben (ich spreche davon, dass es langsamer ist, wenn man eine Komponente auswählt)?
iggolob
Hallo @artf Die News-Letter-Demo-Seite kann verwendet werden, um die Ausgabe zu reproduzieren ( https://grapesjs.com/demo-newsletter-editor.html ). Als Vorlage kannst du das voreingestellte HTML-Set für die Demo-Seite verwenden. Kopiere ei...
Ich denke, was passiert, ist, dass nicht überprüft wird, ob es wirklich ein Bild ist, das auf die Leinwand geworfen wird? Siehe diese 2 Links für minimale Repro-Versionen. https://codesandbox.io/s/jlqpl2kj95 (Dropzone auf 1 eingestellt, einfach beliebigen Block auf die Leinwand legen und das Asset-Modal öffnet sich) h...
@artf, gibt es eine Möglichkeit, den Namen des Zielelements anzuzeigen? ! grapejs_drop
artf
Nein, derzeit wird das nicht geregelt, aber ich würde dafür eine PR akzeptieren (ich denke, es könnte sinnvoll sein, einen neuen Befehl für das Abzeichen zu erstellen).
Version 0.14.40Klicke auf "Weiter"Wählen Sie den Header "Sie haben sich erfolgreich angemeldet!" (sqh-header)Ziehe den sqh-Header-Block zwischen "Gib $10 und Bring $10" und Text daruntersqh-Header erscheint visuell über dem Give $10 Header, aber unter dem Give $10 Header im Layer ManagerZiehe den sqh-Header unter "Rew...
artf
Es scheint, als liege das Problem an verschiedenen leeren "Textknoten" in deinem JSON. Wie erhält man diese Struktur?
00salmon
Hey @artf, Danke, dass du darauf hingewiesen hast. Das JSON stammt aus einem internen Beispiel mit mehr Komponenten, und die fehlenden Bits müssen in leere Textknoten umgewandelt worden sein. Ich habe die leeren Textknoten im jsfiddle entf...
artf
Bitte aktualisieren Sie die Live-Demo mit bereinigtem JSON
Hey @artf, Wie in der folgenden Aufgabe beschrieben, habe ich einen Build des ckeditor 5 erstellt, der mit GrapesJS funktioniert, allerdings verhalten sich einige Funktionen nicht wie erwartet. Die Stichpunkte und Zahlenpunkte werden problemlos erstellt, aber die Option Fett, Kursiv und Link nicht. Gibt es eine Möglic...
FrciSmrci
Hallo @artf, danke für die Antwort. Der benutzerdefinierte Build ist nicht mehr notwendig, da die Korrektur in der neuesten Version lag. Ich benutze die @ckeditor/ckeditor5-editor-Inline-Build-Version. Ich werde mir BountySource anschauen...
FrciSmrci
@Unsigno Der Code sollte ein neues Plugin sein, das im GrapesJS bereitgestellt werden kann, wie grapesjs-plugin-ckeditor, nur dass dieses Plugin ckeditor5 (grapesjs-plugin-ckeditor5) unterstützen sollte. @gabrigcl bereits einen großen Teil...
artf
Hallo @FrciSmrci ich kann nicht sagen, dass das eine meiner Prioritäten ist, aber du kannst tatsächlich prüfen, ob du auf https://www.bountysource.com/teams/grapesjs ein Kopfgeld eröffnen kannst, und schauen, ob es jemand anderes überprüfe...
Gibt es eine Möglichkeit, die Leinwand dynamisch zu vergrößern? Das heißt, ich benutze den Geräte-Manager nicht, aber habe ein Drag & Drop der Breite, ähnlich wie man es mit Panels oder Komponenten machen kann? Danke
jvillena
@artf und @shlomoko werde ich den Schritt Stück für Stück erklären. Zunächst muss ich Jquery verwenden, aber du kannst eine andere Bibliothek verwenden oder sie in die GrapesJS-Engine integrieren. In meinem Fall wollte ich es transparent f...
artf
Kein @shlomoko, Leinwand ist nicht größenvermessbar, aber ich würde mich über eine PR dafür freuen (möglicherweise mit derselben Logik wie bei Panels).
jvillena
Hallo @artf, ich habe gerade eine Größenänderung der Leinwandleiste implementiert, aber ich weiß nicht, ob es eine Möglichkeit gibt, die Position der Highlight-Ränder zu aktualisieren. Schauen Sie sich bitte das Video an: http://recordit.c...
Hallo, Ich glaube, es gibt einen Fehler bei der Erstellung von Element-ID-Attributen. Beim Ändern des Elementsstils wird der Wert des id-Attributs des Elements automatisch generiert und dem HTML hinzugefügt, das früher im Code-Editor sichtbar war. Dann wird der Wert des id-Attributs korrekt aktualisiert, wenn der ID-E...
maxtacco
Außerdem wäre es in diesem Fall schön, die Standard-"leer"-Wertstrategie für Traits in der Konfiguration einer Komponente festzulegen. Zum Beispiel 'emptyValue: ""'oder 'emptyValue: null' oder 'emptyValue: () => {}'.
Hallo, Gibt es eine Möglichkeit, den grapesjs-Editor so einzurichten, dass das CSS, das für den HTML-Inhalt generiert wird, im Namensraum ist? Mit anderen Worten: Wie verhindert man, dass die für den im Editor erstellten oder bearbeiteten Inhalt definierten Stilregeln auf den Rest der Webseite durchsickern? Im Fall me...
danfitz36
Denkst du, du könntest einfach alle von GrapeJs generierten Klassennamen voransetzen? Wenn du statt .row .grape-row oder ähnliches verwendest (ich würde das Präfix wahrscheinlich als Variable verwenden), bekommst du meistens den Effekt, de...
artf
Tatsächlich kannst du bei neuen Selektoren einen Hörer hinzufügen und dort ein Präfix hinzufügen '''js const Präfix = 'meinPräfix-'; editor.on('selector:add', selector => { const Name = selector.get('name'); if (selector.get('type') === ed...
devmohitagarwal
HALLO, Leute, die Sandboxen und das exportierte CSS voransetzen wollen, können das ausprobieren – wir hatten denselben Anwendungsfall und haben den sassen Ansatz gewählt. Dafür habe ich sass.js (https://github.com/medialize/sass.js/) verwe...
Hallo Artur, Zunächst einmal ist Grapesj großartig! Im Moment versuche ich herauszufinden, wie ich ein Panel mit einer Taste erstelle, die eine neue Ansicht öffnet, wie es die Blöcke und Layermanager-Buttons tun. Ich möchte meine eigenen Elemente in dieser neuen Ansicht rendern. Ich schaue mir den Code an, den du verw...
daniel-farina
Eine gute Praxis, um sich mit GrapeJS vertraut zu machen, ist, zu versuchen, den Blockmanager zu duplizieren und einen eigenen zu erstellen. Das kannst du erreichen, indem du die untenstehenden Dateien bearbeitest. Ein gutes Beispiel wäre,...
Moikapy
Hey, ich habe mich über etwas Ähnliches umgesehen und das hier gefunden. Ich wollte wissen, ob es irgendeine Dokumentation gibt, die den Prozess der Erstellung neuer Ansichten weiter erklärt.
artf
Hallo @RuudH danke für den Vorschlag, ich hoffe, bald mehr zu diesem Argument veröffentlichen zu können. Fürs Erste kann ich dir nur empfehlen, die für diese Panels verwendeten Befehle zu überprüfen (z. B. OpenBlocks)