Was übersehe ich, damit das Tag "Div" standardmäßig als "Div" bezeichnet wird? (Überschreiben des Standardwerts)
Lock[Bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Hallo @artf, Wenn ich den Abschnittsblock ziehe, wird ein Plus-Button angezeigt. Nach dem Speichern und Neuladen der Seite wird der "+"-Button nicht angezeigt. Ich muss den Button auch nach dem Neuladen der Seite anzeigen. Bitte schlägt mir vor, wie kann ich dieses Problem lösen? Bitte prüfen Sie jsfiddle, ein ähnlich...
Noogen
@sanjib00 wenn du von Element renderst, ist es ein Inhalt, kein Bestandteil. Zum Beispiel würde das HTML-Tag "\<section\>" nicht automatisch als Component erkannt, weil kein Code vorhanden ist, der es so erkennt. (Hinweis: isComponent-Funk...
artf
@sanjib00 wahrscheinlich laden Sie Ihre Vorlagendaten falsch https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates
Lock[Bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Gibt es eine Möglichkeit, die Ansicht des Navigator-/Layer-Panels anzupassen? Ich muss ein Symbol vor jedem Element im Navigator anzeigen.
artf
@minuwan tatsächlich rendert die Ansicht bereits das Icon https://github.com/artf/grapesjs/blob/94e295ef919dceaade90a3aa36355f2e23935657/src/navigator/view/ItemView.js#L47 aber die Idee, das Rendern der Ebenen anzupassen, ist nicht schlech...
NicoEngler
Ich weiß nicht, was "der Navigator" ist, aber da du deine eigenen Panels und so weiter erstellen kannst, kannst du jede einzelne Grafik anpassen. Kannst du genauer sagen, wo du deine Symbole einfügst?
Minuwan
@NicoEngler Navigator ist das Schichten-Panel, GrapesJS nannte es "The Navigator". Derzeit enthält es nur enthält wenige Konfigurationen, aber das Rendern in einem anderen Layout oder das Hinzufügen eines Symbols zu einem Ebenenelement sch...
Ich habe diese Lösung https://github.com/artf/grapesjs/issues/1819#event-2158016066 Aber bei benutzerdefinierten Komponenten sagen wir: Ich habe eine Mischung aus zwei Texteingaben und einem Button, Wie spezifiziert es die Attribute ngModel für beide Texteingaben?
artf
Erstelle mit ngModel eine benutzerdefinierte abstrakte Komponente und benutze sie dann, wenn du sie brauchst
Lock[Bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Ich denke, es gibt einige Fehler bei den Formulareingaben Es ist nicht möglich, eine Formulareingabe zu löschen. Wenn du "Grenzen anzeigen" ausschaltest, kannst du dann die Eingabe auswählen und löschen, aber wenn du das direkt danach erneut versuchst, kannst du es wieder nicht löschen. Außerdem sind die Eingänge nich...
artf
Danke für den Bericht@kickbk das ist bereits von https://github.com/artf/grapesjs/pull/1800 behoben und wird in der nächsten Version verfügbar sein
Lock[Bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Ich möchte den Abschnitt "Hier Dateien einfügen oder zum Hochladen klicken" entfernen und außerdem das (x)-Kreuzsymbol neben den Standardbildern deaktivieren, sodass der Benutzer keine Standardbilder löschen kann. @artf wo ändere ich das CSS? Ich benutze die grapesjs-preset-Webseite Originally von @sakshigarg9 in http...
NicoEngler
Eine einfache Möglichkeit, dies zu erreichen, wäre, einige CSS-Regeln hinzuzufügen: '.gjs-am-file-uploader { display: none; } '.gjs-am-assets-cont { width: 100%; } Und so weiter ... :)
sakshigarg9
Danke, hat funktioniert! Aber ich kann das (x)-Symbol neben den Standardbildern trotz Verwendung nicht entfernen '.gjs-am-close{ display: none; }`
NicoEngler
Super, benutze einfach die CSS-Regel, um es zu verstecken.. :)
Ich versuche, eine Klasse beim Hover einer Komponente anzuwenden, und die Klasse wird angewendet, aber nicht im Hover, sondern mit dem normalen Zustand. ! Bild Bitte lasst mich wissen, ob ich nach dem richtigen Feature schaue oder die Funktion falsch verstanden habe. PLNKL: https://plnkr.co/edit/Est6AnnGInBa3yvhzCvm?p...
NicoEngler
Ich habe gerade nachgesehen und kann bestätigen, dass es in deinem Beispiel auch funktioniert. Füge zuerst deiner Komponente eine Klasse hinzu, z. B. .text-blue-on-hoverWählen Sie als Nächstes den Zustand aus, den Sie ändern möchten, z. B....
Coder-Strange
Jetzt verstehe ich das, es funktioniert einwandfrei, ich wusste nur nicht, wie es funktioniert. Danke @NicoEngler für deine schnelle Antwort und dafür, dass du mich aus :)
NicoEngler
Die Klasse wird unabhängig vom Zustand der Komponenten angewendet. Daraufhin kannst du einen Zustand auswählen, z. B. deine Klasse in diesem speziellen Zustand schweben und darin stylen. Im Grunde wird folgendes CSS erstellt, wenn du den Z...
Hallo, @artf @NicoEngler, Ich habe ein seltsames Problem. Ich benutze grapes.js und grapes.min.css mit Version 0.14.50. Während ich eine beliebige Komponente auswähle, kann ich die CSS-Eigenschaften über den Seitenbereich des Editors ändern. Aber ich sehe zweimal die Dropdown-Menüs: 'Typografie' und 'Dekorationen'. Ic...
NicoEngler
Bitte zeigen Sie, wie Sie Grapesjs initialisieren. Wahrscheinlich liegt das Problem dort.
scottreag
Ich habe auch das gleiche Problem. Es sind jetzt zwei Jahre vergangen, hat jemand eine Lösung gefunden?
Keine Antwort[Bot]
Diese Angelegenheit wurde automatisch geschlossen, da auf unsere Anfrage nach weiteren Informationen vom ursprünglichen Autor keine Antwort erhalten wurde. Mit nur den aktuellen Informationen in der Ausgabe haben wir nicht genug Informatio...
Ich habe zwei Fragen.Gibt es eine Möglichkeit, den Namen der eingebauten Komponenten zu ändern? Ich wollte den Namen "Box" in "Div" ändern. Derselbe Name erscheint also in Select und im Layers/Navigator-Panel. Einfach ausgedrückt: Wenn ich ein Div per Drag & Drop ziehe, muss es Div heißen.Gibt es eine Möglichkeit, ein...
NicoEngler
Du kannst data-gjs-custom-name auf deinen Komponenten HTML verwenden. '<h1 data-gjs-custom-name="Dein Name" ...>'Du kannst data-gjs-icon auf deinen Komponenten verwenden, HTML. '<h1 data-gjs-icon='<i class="fa fa-arrows"></i>' ...>' Bitte...
artf
Ich würde hinzufügen, dass du, wenn du auf HTML5 Drag & Drop angewiesen bist, das Ereignis 'canvas:dragdata' verwenden kannst https://grapesjs.com/docs/api/editor.html#available-events So kannst du dem Editor "externe Drops" vermitteln, z....
Minuwan
@NicoEngler Gibt es eine andere Möglichkeit, für jeden Typ standardmäßige benutzerdefinierte Namen festzulegen? Wenn jemand Inhalte von außen per Drag & Drop drängt, möchte ich die Namen dieser Divs auch als "Divs" anzeigen. :)
Das ist mein Code in index.html. Ich benutze die grapesjs-preset-Webseite
Hpruvot
@sakshigarg9 Ich glaube, ich habe gefunden, was du wolltest. Ich hatte dasselbe Problem... Einige Tasten-IDs werden in einer konstanten Datei gespeichert: Wenn Sie also in diese Datei schauen, können Sie die richtigen IDs finden: Und um de...
NicoEngler
Natürlich hat das funktioniert, aber so solltest du es nicht machen. Du verlierst die Wartbarkeit.
NicoEngler
Entweder hat dein Panel nicht die id Optionen oder dein Button nicht die id cmdImport. Übrigens klingt das Papierkorb-Symbol nicht wirklich nach "Import". Vielleicht hast du das verwechselt. Abgesehen davon gib bitte mehr Code an.