Ich habe einen benutzerdefinierten Typ und einen Block erstellt '''js DomComponents.addType('MyComponent', { ... }); BlockManager.add('Component', { content: { type: 'MyComponent' } }); ``` Ist es möglich, es mit Namen oder auf andere Weise in 'DomComponents' einzufügen? Ich möchte den Block nicht jedes Mal manuell pe...
Z-VR
Oh, ich habe herausgefunden, wie das geht – über 'editor.addComponents({ type: 'MyComponent' })'. Gibt es eine Möglichkeit, es mit einem CSS-Selektor in ein bestimmtes Element einzufügen? Ich habe diesen Ausschnitt gefunden, aber wie finde...
Z-VR
Okay, was ich gemacht habe, ist '''js export default function iterateChildren(components, fn) { components.each((model) => { FN(Modell); const childComps = model.get('components'); iterateChildren(childComps, fn); }); } Exportfunktion find...
artf
Man kann das Modell tatsächlich aus der Cash-Element-Instanz mit 'view.$el.data('model')' holen, sodass man es mit weniger Code zum Laufen bringen könnte. '''js wrapper.view.$el.find('#hero .text').each((el, i, $el) => console.log($el.data...
Hallo @artf, ein sehr tolles Web-Builder-Framework und bleib so dran :+1: Code : '''javascript ... blockManager.add('dynamic-nav', { Etikett: 'Dynamische Navigation', Attribute: { Klasse: 'fa fa-ellipsis-h', Titel: 'Dynamisches Menü der Navigation einfügen' }, Kategorie: 'Abschnitt', Inhalt: '<ul class="hide-on-med-an...
artf
Auf diese Weise kannst du den Inhalt des Blocks aktualisieren '''js const dblock = blockManager.get('dynamic-nav'); dblock.set('content', '<ul>...'); ```
Bungambohlah
Ach so, vielen Dank @artf
Bungambohlah
Hallo, @artf ich ein Problem habe: Der Block meines dynamischen Navigationssystems funktioniert jetzt, aber wenn ich ein Skript dieser Komponente gebe, bekomme ich den Fehler "Unerwarteter Identifikator". Darf ich das korrigieren? Wenn nic...
Hallo, Wir bewerten GrapesJS für eine der Anforderungen. Im Rahmen der Bewertung erstelle ich den benutzerdefinierten Befehl 'Platzhalter einfügen'. Was ich vorhabe, ist, wenn ich Text auswähle und diesen Befehl klicke, sollte der Text an der ausgewählten Cursorposition eingefügt werden. Anfangs hatte ich das gemacht...
Mathieuk
Duplikat mit #481
Saratksasi
Danke
edwardjiawei
Ähnlich wie ich es in grapesjs-plugin-customrte gemacht habe. Aber ich schlage nicht vor, dass mein Code darauf basiert, denn er ist ein Chaos. Du solltest den Code in design,html in meinem Repository testen können. Man kann auch eine nied...
Ist es möglich, den Vermögensverwalter durch etwas völlig anderes zu ersetzen (wie zum Beispiel CKFinder - https://ckeditor.com/ckeditor-4/ckfinder/)? Alternativ wäre es möglich, den enthaltenen Vermögensverwalter außerhalb des Kontexts von Grapesjs zu starten?
artf
Nun, ich habe es noch nie ausprobiert, aber ich denke, du kannst es erreichen, indem du einfach den [current]-Befehl (https://github.com/artf/grapesjs/blob/dev/src/commands/view/OpenAssets.js) ersetzt. '''js Redakteur. Commands.add('open-a...
Ryandeba
Danke @artf! Mit deinem Vorschlag konnte ich das sehr schnell zum Laufen bringen.
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 habe einen Anwendungsfall, bei dem ich bestimmte Komponenten komplett abschließen möchte (also nicht größenvergrößerbar, nicht ziehbar, nicht kopierbar, nicht entfernbar usw.). Ich habe das größtenteils am Laufen, aber ich habe ein Problem mit Bildern – ich kann die Doppelklick-Funktion nicht verhindern, die den A...
artf
Ja, du hast recht, ich benutze 'editable' nur für Textkomponenten, aber was du fragst, ergibt tatsächlich Sinn. Ich würde deine PR gerne annehmen. Du solltest 'editable: true' zum Modell hinzufügen https://github.com/artf/grapesjs/blob/dev...
Ryandeba
Danke @artf! Hier ist die Pull Request: https://github.com/artf/grapesjs/pull/496
Ich habe den HTML- und CSS-Editor gewohnt, der in #324 erwähnt wird. Nachdem ich das HTML und CSS bearbeitet habe, generiert es ein CSS, was ich vermute, dass es durch editor.setComponents() verursacht wird. Ich bin mir nicht sicher, ob das ein Bug oder normales Verhalten ist. grapesjs Version - 0.12.8 grapesjs Preset...
thecodefish
In meinem Anwendungsfall bekomme und setze ich ständig das HTML/CSS im Editor, und was ich festgestellt habe, ist, dass dadurch die 'Standard'-Stile dupliziert werden (siehe die * und die Körperformen im obigen Bild – sie erscheinen zweima...
thecodefish
@chiqui3d Ich denke, wenn du das CSS von einer externen Quelle modifizieren musst, solltest du wahrscheinlich zuerst den CSS-Komponisten zurücksetzen. Wenn du also etwas wie 'editor.setStyle(css);' in deinem Code hast, musst du vielleicht...
artf
Aktualisiere zuerst deine Grapesjs-Version und sei dann spezifischer bei deinen Änderungen. Was hast du geändert? Was meinst du mit unerwünschtem CSS?
Nachfolgend ist Code, den ich für Traits und benutzerdefinierten Abschnitt verwendet habe, aber nach Hinzufügen der Komponente per Block kann ich den Text nicht bearbeiten oder Trait Update aktualisiert die Canvas nicht. Ich habe erweiterte 'Text', außerdem bekomme ich kein HTML zurück, wenn ich editor.html() benutze,...
artf
In deinem Modell musst du 'data-gjs-*' nicht definieren, es ergibt nur Sinn für den Import aus HTML, also entferne dies: '''js Attribute: { 'data-gjs-type': 'cust-section', }, Du kannst das nicht bearbeiten '''js var rowDiv = document.crea...
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, Gibt es eine Möglichkeit, das System zu übersetzen? Mit freundlichen Grüßen, Yair
artf
Ich habe es mehrmals besprochen (z. B. #26) Versuche beim nächsten Mal, vor dem Öffnen einer neuen Ausgabe zu suchen (z. B. war 'Übersetzung' schon genug) Danke
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.
Mein Ziel ist es, einen Block zu erstellen, der nur Image-Komponenten (ich benutze die Standardkomponente aus grapes-blocks-basic) darin einfügen lassen. Ich habe folgenden Testcode: Wenn ich jedoch den oben genannten Code ausführe, kann ich keine Image-Komponente im Image Container platzieren. Der grüne Drop-Cursor e...
Roytang
Diese Lösung funktioniert. Danke!
artf
@roytang dein Code in Ordnung scheint, liegt das Problem wahrscheinlich einfach daran, dass deine Komponente "zu leer" ist, sodass der Mauszeiger einfach nicht reinkommt. Versuche, ein wenig Polsterung hinzuzufügen und schau, ob es funktio...
Roytang
Mmm. Ich habe den Bildcontainer mit Breite und Höhe 100 Pixel gestaltet. Außerdem erlaubt mir das Entfernen der Dropable-Eigenschaft im erweiterten Modell, Text und Bilder darin einzufügen.
Ich bin dabei, eine benutzerdefinierte Komponente für die untenstehende Vorlage zu erstellen, und wir möchten, dass der Benutzer Text, Link, Hover Text eingibt und das Bild auswählt. Ich möchte den Standard-Asset-Manager verwenden, um das Bild auszuwählen, bin mir aber nicht sicher, wie ich das ausgewählte Bild in der...
artf
@krunal039 Warum brauchst du eine individuelle Komponente? Deine Vorlage scheint ziemlich einfach zu sein, wie wäre es mit einem einfachen Block? '''js Redakteur. BlockManager.add('your-block', { Etikett: 'Custom Block', Inhalt: '<Div Clas...
krunal039
@artf danke für die Antwort, wir brauchen Benutzereingaben für Hover-Text, Hintergrundbild, Text und Hyperlink unten und haben gedacht, eine benutzerdefinierte Komponente zu verwenden, aber wenn wir den Nutzer dazu auffordern können, oben...
artf
Versuche, einen Block mit deiner Vorlage zu erstellen, ziehe ihn in die Canvas, dann kannst du all das ändern