Ich habe mehrere 'bolt-interactive-steps' innerhalb von 'bolt-interactive-pathway' und möchte sie anordnen, aber grapesJS Dragger erlaubt es mir nur, es in 'bolt-interactive-pathway' einzufügen, um es am Ende anzuhängen: keine Reihenfolge. ! ezgif-4-a2ad6c15e82c Das wird dadurch noch verstärkt, dass das tatsächlich et...
artf
Ist es nur innerhalb der Schichten oder auch auf der Leinwand? Können Sie bitte eine reproduzierbare Demo erstellen?
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...
Das Projekt verwendet Webpack, um das Projekt als Bundle zu kompilieren, es ist eine Art Plugin, das GrapesJS als Editor verwendet. Alles funktioniert einwandfrei, außer dass die von GrapesJS geladenen Schriften fehlen. Wenn man mit 'webpack-dev-server' läuft, sieht alles gut aus, aber beim Bauen mit Webpack und dem V...
Pouyamiralayi
Mit der Option outputPath geben Sie den Ausgabeordner an, in dem WebPack Dateien ausgibt. und basierend auf deiner Aussage:ich mit Webpack-Dev-Server laufe, sieht alles gut aus Das Projekt wird in einem anderen Ordner geladen Es scheint ei...
eduardonunesp
Super, danke @pouyamiralayi ich werde heute Abend den outputPath noch einmal überprüfen
Pouyamiralayi
Hast du versucht, ''file-loader'' statt ''URL-loader'' für ''ttf'' oder andere Schriftarten zu verwenden?
Wenn ich Folgendes anstelle von 'pathwaysParent.render()' versuche, entsteht offensichtlich eine unendliche Schleife: Ich kann auf das EL unter 'pathwaysParent.view.el' zugreifen, aber ich suche trotzdem nach einer guten Möglichkeit, die DOM-Komponente auf eine nicht-hackige Weise neu zu rendern.
glasig
Am Ende habe ich bei jedem 'entfernten' Objekt ein Ereignis ausgelöst, das dazu führte, dass sie eigene Updates auslösten. Ich habe das mit einem Konfigurationsobjekt gemacht, aber hier ist ein spezifischerer Entwurf meines Codes. Dies sin...
Hallo, Ich kenne das bereits: 'grapesjs.init({ // ... styleManager: { textLayer: 'MyLayer', } })` Aber ich möchte, wenn möglich, nicht in die Init-Funktion übersetzen. Für die Blöcke gibt es zum Beispiel die set()-Funktion, um das Label zu übersetzen. Gibt es etwas, das dem Style-Manager entspricht, um die Eigenschaft...
[FEATURE-WÜNSCHE] Ich muss einen Block hinzufügen, der ein Modal mit Formfeldern öffnen sollte. Basierend auf den ausgewählten Formulardaten muss ich eine HTML-Zeichenkette generieren und in den Editor einfügen. Und beim Klick/Doppelklick der Komponente sollte sich Modal mit den Formulardetails erneut öffnen. Wie kann...
jcarizza
Hallo @suchiitsme ich denke, du kannst einen Komponententyp implementieren.
suchiitsme
Hallo @suchiitsme ich denke, man kann einen Komponententyp implementieren. Danke. Ich werde es versuchen!!
Ich möchte ein benutzerdefiniertes Assets-Manager-Modal erstellen, das ich im Bootstrap-Modal öffnen kann. Ich möchte die ursprüngliche Assets Manager-Funktionalität beibehalten (wie Drop Image Zone, Eingabe zum Abrufen von Image from Remove, und ich möchte die Datatable für die Images/Assets verwenden). Außerdem möch...
PriyankaPrabhu
@kickbk Hast du den benutzerdefinierten Asset Manager erreicht? Wenn ja, teilt bitte den Code mit
Khoa-justuno
Das kannst du mit einem benutzerdefinierten Modal machen, indem du den Standard-Image Asset Manager überschreibst. Wenn du ein Bild setzen willst, verwende dies.
artf
Ich würde dieselbe Lösung vorschlagen, die von @khoa-justuno vorgeschlagen wurde Wenn du ein neues Modal brauchst, ist es einfacher, die Asset-Manager-Benutzeroberfläche von Grund auf neu zu erstellen; die von GrapesJS erstellten DOM-Eleme...
Dies würde eine modernere und sauberere API bieten als der derzeitige callback-basierte Ansatz. Vorgeschlagene API: '''javascript Redakteur. StorageManager.add('simple-storage', { laden: asynchrone tasten => { const result = await foo(keys) return JSON.parse(result) }, async store(data) { const result = await bar(data...
Tom-Sherman
Danke für deine Gedanken! Hoffentlich habe ich diese Woche Zeit, es umzusetzen
artf
Richtig cooler Feature-Wunsch, Tom, ich würde eine PR total schätzen. Ich würde auf jeden Fall deinen ersten Ansatz wählen, die aktuelle API nicht zu knacken ist immer ein Ziel, das man erreichen muss. Allein die Möglichkeit hinzuzufügen,...
artf
Mit der neuen StorageManager-Refaktorisierung kann dies geschlossen werden https://github.com/artf/grapesjs/pull/4223
Hallo zusammen, Ich habe eine Vorlage, die Outlook-spezifisches HTML enthält, wie unten gezeigt: '<!--[if (gte mso 9)|(IE)]><table width="100%" border="0" cellpadding="0" cellspacing="0"><![endif]-->' Wenn ich dieses HTML importiere und versuche, einen Block über oder unter dieser speziellen Stelle im DOM hinzuzufügen...
artf
Wahrscheinlich müssten Sie eine benutzerdefinierte Komponente erstellen, um einen solchen Fall zu behandeln
Ich benutze die neueste Version von grapesjs (0.15.8) und führe es unter Windows 10 x64 unter Electron aus (das ist kein Problem mit Electron) und habe ein Problem, wenn ich versuche, Skripte dynamisch an den Editor-iframe anzuhängen; ich habe einen Link zu CodePen für mehr zu diesem Thema beigefügt. In meinem Projekt...
Pouyamiralayi
Hallo! Schau, ob dieses dir helfen kann: Prost!
TheComputerM
Vielen Dank, die Lösung hat funktioniert, aber warum funktioniert sie mit jQuery nicht?
Hallo, Ich versuche, mehrere weitere dynamische Buttons für das Panel zu implementieren, zum Beispiel eine Speichertaste, die je nach Flag einen animierten Ladespinner, ein Speichersymbol oder einen "Gespeicherten"-Text zeigt. Um das zu erreichen, muss ich in der Lage sein, den Inhalt dynamisch einzustellen, eventuell...
DamodarSojka
Danke für die sehr schnelle Antwort, ich wusste nichts von der Label-Eigenschaft, da sie in der Dokumentation offenbar nicht erwähnt wird.
artf
Nun, du kannst das Attribut und den Inhalt auf diese Weise ändern '''js const prevBtn = Redakteur. Panels.getButton('options', 'preview'); prevBtn.set({ Attribute: {Titel: 'Neuer Titel'}, Etikett: 'Neuer Inhalt' }) ``` Für alles andere, wa...