#513 Entschuldigung, dass ich eine neue Ausgabe öffne, aber du hast die letzte geschlossen und musstest also eine neue erstellen, Ich habe Schwierigkeiten mit dem Stehenden, also wäre das super, wenn du mir helfen kannst, Beispielcode zu lösen oder mich bei Beispielcodes zu orientieren, oder wenn du schnell 5 Minuten...
artf
Du kannst deine Aktionen beim Rendern auslösen... '''js ... Im Inneren deines Modells init() { .... } updateAllStuff() { this.updateTitle(); this.updateHoverText(); ... } ... Aus deinem Blickfeld render(... args) { ... this.model.updateAll...
krunal039
@artf ich Bust ausprobiert habe, immer noch ohne Erfolg, kannst du bitte eine kleine Probe erstellen, falls das möglich ist?
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 Wie wir in Ausgabe #374 besprochen haben. setComponents setzt den Hauptteil und ersetzt alle Inhalte, die auf der Seite vorhanden sind, durch eine neue Auswahlseite aus der Liste. Was ist, wenn ich den Text nur auf diese Komponente setzen möchte, ohne den gesamten Inhalt der Seite zu verändern?
artf
Du kannst den Inhalt des Modells ersetzen '''js Model könnte zum Beispiel editor.getSelected() sein. model.components('<div>Text 1</div><div>Text 2</div>') ```
HarshOB
Wie kann ich den Inhalt einer Komponente durch einen spezifischen Wert wie "Hallo" ersetzen?
artf
Habe es mit diesem 'model.components('Hello')' versucht?!?
Hallo Artf, Ich habe ein Problem beim Importieren einiger HTML-Vorlagen. Anfangs konnte ich die Spanntexte nicht sehen. Aber nachdem ich dem Redakteur beim Recontinging geholfen habe, kann ich sie nicht mehr als Texte bearbeiten. ' lass domc = this.editor.DomComponents; let textType = domc.getType("text"); domc.addTyp...
artf
Für editierbare Inhalte muss man 'Inhalt' verwenden. '''js ... Inhalt: el.innerHTML ... ```
asvine-p
Hallo artf, ich habe "components: el.innerHTML" durch "content: el.innerHTML" ersetzt, aber der Inhalt ist immer noch nicht bearbeitbar. Hier ist mein Code: ' let domc = this.editor.DomComponents; let textType = domc.getType("text");' domc...
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...
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?
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.
Das ist kein Bug, sondern eine Implementierungsfrage. Falls dies nicht der richtige Ort ist, um diese Fragen zu stellen, lassen Sie es mich bitte wissen. Wir arbeiten an einer Implementierung, bei der wir GrapesJS nutzen wollen, um Nutzern die Erstellung einer E-Mail-Vorlage zu ermöglichen. Im Rahmen dieser Implementi...
artf
Hast du API-Rich-Text-Editor überprüft? Du kannst eine benutzerdefinierte Aktion wie diese hinzufügen '''js Redakteur. RichTextEditor.add('custom-vars', { Symbol: '<Klasse auswählen="GJS-Feld"> <Option value="">- Select -</option> <Option...
artf
Wahrscheinlich wird diese Funktion in der nächsten Version verfügbar sein. ! textbar 'Textbar' ist also nur eine weitere Eigenschaft, die es erlaubt, jede Komponente in Textkomponenten einzufügen. Hier ist der Code der Komponente aus dem o...
Mathieuk
Ja, ich habe das benutzt und habe es ziemlich gut zum Laufen gebracht. Der Unterschied ist, dass ich keinen Text-Platzhalter benutze wie du. Ich füge tatsächlich einen Block ein (mit entsprechendem 'Typ'), um diese Platzhalter weiter konfi...
Zuvor gespeicherte CSS-Regeln mit der Remote-Methode werden im Style Manager nicht angezeigt. Fern-JSON-Antwort '{"gjs-assets":"","gjs-css":"*{box-sizing: border-box;}body{margin:0;}#c743{background-color:#b0aeae;}body{margin-top:0px; Margin-rechts:0px; Margin-Bottom:0px; margin-left:0px;}#c743{background-color:rgb(76...
artf
Poste die grapesjs-Konfiguration und deren Version
Ich versuche, einen benutzerdefinierten Resizer für eine meiner Komponenten zu bauen. Es ist ein Raster-/Spaltenlayout basierend auf Flexbox, und ich möchte, dass Nutzer eine Spalte auf eine feste Breite anpassen können und die anderen Spalten den restlichen Raum füllen lassen. Ich habe bereits eine benutzerdefinierte...
artf
Ja, du hast recht. Dies geschieht einfach, weil Funktionen nicht serialisierbar sind, daher werden bei grapesjs-Aufrufen 'JSON.stringify(Component)' einfach gerippt. Die Lösung für deinen Fall ist, die Methode 'toJSON' in der benutzerdefin...
thecodefish
Danke@artf das hat funktioniert.
sakshigarg9
@thecodefish Wie ändert man den Anfangszustand der Resizer-Eigenschaften? Wohin kommt diese Konfiguration, wenn ich die grapesjs-preset-Webseite benutze, einfach unter grapesjs.init{...}? Ich möchte speziell für eine Bildkomponente eine Mi...
Ich rufe eine Funktion auf, die außerhalb der Komponente liegt, genau wie in Ausgabe #395 erklärt aber es gibt eine Zeichenkette statt einer Funktion zurück Ich möchte die Funktion defaults.drawGauge im Skript aufrufen und die dynamisch erstellte ID weitergeben Ich stecke fest, bitte helft mir grapesjs.plugins.add('li...
artf
Wenn du eine Funktion innerhalb der Zeichenkette anhängen möchtest, musst du eine Zeichenkette weitergeben '''js drawGauge: 'function(id){ Warnung(1); } ``
suchithmahadi
Entschuldige@artf ich nicht genau verstanden habe, was du sagst, kannst du das bitte näher erläutern? Hier möchte ich die Funktion ("drawGauge", die in der dritten Zeile steht) in der domComponents-Skriptfunktion aufrufen. Bitte erkläre da...
artf
Innerhalb Ihrer 'script'-Eigenschaft wird '{[ d ]}' durch eine 'd'-Eigenschaft des Bestands ersetzt und kann keine Funktion sein, also wenn Ihr Endergebnis so aussehen sollte: '''js var di = function() {...};