Hallo @artf, Wenn ich mehrere Elemente im Layers-Panel verschachtelt habe, werden einige Elementnamen verkürzt, weil die Breite des Layer-Panels nicht groß genug ist. Ich weiß, dass ein benutzerdefiniertes, größenverstellbares Panel eine Lösung sein kann, aber das Hinzufügen eines Titelattributs würde für die meisten...
artf
Ja, warum nicht... Möchten Sie eine PR erstellen? :)
franci5co5aoco
@artf natürlich, danke! Ich werde die PR erstellen...
GJSBlock
Danke, dass du das gemeldet hast, @Franci5co5aoco. Tolle Frage zu FEAT: Füge ein Titelattribut zu den Layers-Panelelementen hinzu. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie...
Version: Neueste Du kannst die Version bekommen, indem du 'grapesjs.version' in die Konsole eingibst Kannst du den Fehler aus der Demo reproduzieren?[X] Ja[ ] Nein Was ist das erwartete Verhalten? Eine Komponente mit leerem Körper sollte nicht mit Standard-Inhalten gefüllt werden. Wie ist das aktuelle Verhalten? Wenn...
artf
Du hast den Standard-'Inhalt' in der Komponentendefinition definiert, also verwendet eine leere Definition diesen als Standard. Verschieben Sie diesen 'Inhalt' einfach von der Komponentendefinition in den 'Absatz'-Block.
harsh201
@artf Kann man hier helfen?
harsh201
Danke @artf! Ich habe komplett vergessen, auf Blockebene hinzuzufügen.
Hallo, danke, dass du mein Problem überprüft hast. Ich möchte meinen eigenen JSEditor verwenden, um html、css und js zu bearbeiten. 1、Zuerst benutze ich 'getHtml', 'getCss', 'getJs', um den Code in meinem JSEditor anzuzeigen. Und ich habe festgestellt, dass der JS-Code komprimiert ist. Wie bekomme ich einen unkomprimie...
artf
Das 'Skript', das von Komponenten mit JS verwendet wird, basiert auf demselben Code aus deinem Quellcode. Wenn du zum Beispiel ein Plugin erstellst und es dann mit Webpack/Babel baust, wird die Komponente das Ergebnis aus dem Build ausdruc...
xinnai
@artf Hallo, ich bin mir nicht sicher, ob du meine Frage verstehst. Ich möchte den JS-Code in meinem eigenen JS-Editor bearbeiten, zuerst setze ich den JS-Code aus deinem Editor mit 'getJs()', aber in deinem demo.html sieht es so aus: ! 14...
artf
'autoBeautify' ist eine Option, die an CodeMirror weitergegeben wird, aber in jedem Fall könnte es den Code verschönern, aber nicht entkomprimieren, da der Code selbst so in der Komponente gespeichert wird
Version: 0.16.44 Kannst du den Fehler aus der Demo reproduzieren?[x] Ja[ ] Nein Setze 'Editor'. parser.getConfig().keepEmptyTextNodes = true;' in der Konsole und versuchen dann, ein Formular in ein zweispaltiges Plugin zu ziehen. Was ist das erwartete Verhalten? Beschreibe den Bug detailliert Nach meiner Beobachtung w...
artf
Nun, ja, das ergibt Sinn, wahrscheinlich sollten wir das erste "gültige" Element nehmen (das, das tatsächlich 'Übereinstimmungen' unterstützt). Aber ich bin auch neugierig auf deinen Fall für die Verwendung von 'keepEmptyTextNodes'. Vor ei...
Neilkyoung
@artf Ein System, das wir für das Erstellen von Webseiten verwenden, implementiert dies. Obwohl wir sie jetzt dank deines obigen Kommentars davon überzeugt haben, dies zu deaktivieren, :-D
artf
Super, dann schließe ich das. Sag Bescheid, falls bei dir etwas mit dieser Änderung nicht stimmt oder anders ist.
Hallo! Ich habe versucht, jquery sowohl in Canvas als auch in index.html hinzuzufügen Ich füge es so in Canvas hinzu – 'Canvas = Editor. Leinwand; const script1 = document.createElement('script'); script1.src = 'https://code.jquery.com/jquery-3.6.0.min.js'; canvas.getDocument().head.appendChild(script1);' und auf der...
artf
Hier kannst du sehen, wie man Abhängigkeiten richtig lädt https://grapesjs.com/docs/modules/Components-js.html#template-related
GJSBlock
Danke, dass du das gemeldet hast, @RutujaBadbe. Der Fehler ReferenceError: $ ist nicht definiert tritt auf, wenn Canvas versucht, auf Eigenschaften zuzugreifen, bevor der Komponentenlebenszyklus vollständig initialisiert ist. Dies ist eine...
Hallo, Ist die Facebook-Social-Media-Komponente dazu gedacht, einen Facebook-Link zu einer Facebook-Seite eines Unternehmens oder einer Organisation bereitzustellen, oder ist sie ausschließlich dazu gedacht, etwas Spezifisches für Ihre Zeitleiste zu teilen? Es scheint Letzteres zu sein, obwohl das mir kontraintuitiv e...
artf
Ich schätze, du suchst dieses https://github.com/artf/grapesjs-mjml
HeyWrecker
Ah, dann mein Fehler, danke!
HeyWrecker
Als Anschlussfrage habe ich bestätigt, dass die Instagram-Social-Media-Komponente auf die Instagram-Profilseite verlinkt. Die Facebook-Option hingegen verlinkt nicht auf die Facebook-Seite.
Hallo, danke für Ihre Arbeit. Ich bekomme ein Problem. Ich möchte eine Codepen-ähnliche Ansicht erstellen und die Grapesjs-Ansicht nach oben und unten ziehen lassen. Aber wenn ich es ziehe, gehen die Werkzeuge in die falsche Position und auch die Position der Hover-Highlight-Elemente ist falsch. Ich habe splitjs und a...
Ju99ernaut
Du kannst versuchen, 'editor.refresh()' auszuführen.
xinnai
@Ju99ernaut Vielen Dank, du hast mir den Tag gerettet!
GJSBlock
Danke, dass du das gemeldet hast, @xinnai. Tolle Frage zu gjs-cv-tools in falscher Position, wenn ich Trauben in Splitpanes stelle. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Si...
Hallo, ich entwickle eine Lösung, mit der Schüler ihre Highschool-Erfahrungen als Folien aus dem Grapejs-Editor (ähnlich wie Canva) schildern können, und habe den Editor im 'absoluten' Modus konfiguriert, was wunderbar funktioniert. Allerdings kann ich im Editor keinen Weg finden, den abgeworfenen Block mit den Pfeilt...
artf
Nein, leider wäre in so einem Fall die benutzerdefinierte Keymap die einzige Lösung. Du solltest einfach die ausgewählte Komponente holen und ihren Stil aktualisieren.
Michaelhofer
Ich habe dafür eine funktionierende Lösung gefunden, wie folgt: Die Befehle werden wie folgt hinzugefügt: Die Methode 'moveSelectedElements' macht einfach Folgendes: Wenn man jedoch die Elemente mit Pfeiltasten bewegt, scrollt auch die Lei...
sathudeva7
keymaps.add('ns:my-keymap', '⌘+s, ctrl+s', 'some-gjs-command', { Verhindern Sie die Standard-Browser-Aktion verhindern: wahr, });
Es sind viele Klicks erforderlich, um Text bearbeitbar zu machen, können wir das Textfeld mit einem einzigen Klick bearbeiten lassen? Ich weiß, ein Einzelklick kann beim Herumziehen von Blöcken nervig werden, und das ist schon ziemlich üblich, aber in meinem Fall möchte ich nur mit einem Klick bearbeiten, falls möglic...
Danke, dass du das gemeldet hast, @fahad157. Danke, dass Sie Ihren Bericht über Single Click Text Edit geteilt haben. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stellen Sie bereit: Ein minimal reproduzierbares Beis...
Ich habe eine Komponente, die die Style-Manager-Eigenschaft 'background-URL' verwendet: Ich möchte diese Benutzeroberfläche, die im Style Manager angezeigt wird, für ein Hintergrund-URL-Merkmal wiederverwenden, das unter "Einstellungen" angezeigt wird: ! Screenshot 2021-03-11 um 12:28:27 Uhr Ist es möglich, eine Style...
artf
Leider ist das noch nicht möglich, aber es ist geplant, bald ein neues UI-Modul hinzuzufügen, das die Wiederverwendung von UI-Elementen ermöglichen sollte
Zachsnoek
:+1: Danke!
GJSBlock
Danke, dass du das gemeldet hast, @zachsnoek. Tolle Frage zum Erstellen eines Merkmals mit der Style-Manager-Eigenschafts-UI. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie...