Ich habe ein Problem mit der Videokomponente. Ich wähle Anbieter aus, füge die Videoquelle hinzu und speichere dann das HTML, aber wenn ich das HTML erneut in den Editor lade, wird die Videokomponentenquelle durch ersetzt durch < svg xmlns="http://www.w3.org/2000/svg" width="100" viewBox="0 0 24 24" style="fill: rgba(...
artf
Hallo @olgertpysqyli du solltest dem folgen und dich auf JSON-Daten verlassen, um https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates
Hallo.. Ich muss einen benutzerdefinierten Namen auf meine Komponenten setzen. Das kann ich machen, indem ich data-gjs-custom-name="myname" hinzufüge, aber wie mache ich das bei allen bereits eingefügten Elementen? Ich habe versucht zu lektorieren. SelectorManager.getAll().each(selector => $('h1').attr("data-gjs-custo...
artf
kann ich das tun, indem ich data-gjs-custom-name="meinname" hinzufüge Verwenden Sie 'name' statt 'custom-name' (dieser wird für Layers verwendet, wenn Sie sie bearbeiten), also 'data-gjs-name="myname"'Wie ist es zum Beispiel möglich, einen...
[FRAGE] Hallo! Ich hole dynamische HTML-, CSS- und JS-Codes aus der Datenbank. Wie kann ich damit Blocks erstellen? Im Moment ist das mein Code, ``` Redakteur. BlockManager.add($aBlock['name'], { id: $aBlock['name'], Etikett: $aBlock['name'], Kategorie: $aBlock['Kategorie'], Inhalt: $aBlock['html'], Stil: $aBlock['css...
cristianumali22
Hallo @pouyamiralayi, also machst du, 'Inhalt: '<div></div><style></style>'' wird das HTML von CSS in der Download-Code-Funktion von GrapesJS getrennt? Beachte, dass in jedem Codeblock unterschiedliches HTML, CSS und JS vorkommen. Beeinflu...
Pouyamiralayi
@cristianumali22 dein Code sieht gut aus und wird vor der Initialisierung von grapesjs nicht ausgeführt, weil du die Referenz weitergibst und sie nicht wirklich aufrufst! Ich empfehle, die Grapesjs CLI zu verwenden, weil sie alle Setups fü...
Pouyamiralayi
@cristianumali22 bitte erwägen, sowohl dein ''html'' als auch ''css'' in die ''content''-Eigenschaft wie folgt einzufügen: Um Skripte einzubeziehen, müssen Sie einen neuen Komponententyp definieren und dann zu component & js übergehen. Pro...
Ich möchte ein externes HTML-Element erstellen, das in GrapesJS gezogen werden kann, so wie man einen Block ziehen kann, und es fügt etwas hinzu. Ich habe ein Sample mit einer Div mit draggable="true", einer regulären Div und einem Bild. Das Bild zieht problemlos herein, und wenn du den Text der regulären Div auswähls...
artf
@Davidvlv HTML5 D&D nicht so funktioniert, reicht das Hinzufügen von 'draggable="true"' nicht aus. Das sagt dem Browser nur: "Hey, du kannst mich ziehen!", aber du musst auch angeben, WAS du ziehen möchtest (mit der 'dataTransfer.setData'...
sdrebel
Hast du das schon mal ausprobiert? editor = grapesjs.init({ ....... dragMode: 'absolut', // 'absolute' | 'übersetzen' ...... }) Außerdem kannst du für jede Komponente den Drag-Modus einstellen. https://grapesjs.com/docs/api/component.html#...
Davidvlv
Hallo @sdrebel Das löst mein Problem nicht. Ich habe ein Video angehängt, das die jsfiddle zeigt – beachte, dass die Div mit draggable="true" nicht in den Editor gezogen wird. Trauben importieren draggable.zip
Ist es möglich, einen zusätzlichen Button hinzuzufügen, um eine andere Aktion im Standard-Asset Manager aufzurufen? So etwas in der Art: <img width="895" alt="Screenshot 2020-02-21 at 16 45 45" src="https://user-images.githubusercontent.com/26910184/75078089-48385600-54ca-11ea-9ad0-6279e7a8b20e.png">
Hallo, Wir haben ein großes Problem – unsere Layouts verwenden große Mengen an 'Display: Flex; flex-direction: column;', und das verursacht extreme Verzögerungen in Chrome- und Safari-Browsern (nicht Firefox). Wenn der 'Flex-Direction'-Stil auf 'Rudern' eingestellt ist, gibt es überhaupt keine Verlangsamung. Beispiel:...
artf
Ja, es ist definitiv langsamer, ich weiß nicht genau, was passiert, aber auf den ersten Blick könnte es diese Funktion sein, die prüft, ob die Komponente ein Block (z. B. Div) oder ein Inline-Element (z. B. Span) ist. https://github.com/ar...
Hallo, gibt es eine Möglichkeit, die Breite eines Modals einzustellen? Es ist derzeit von CSS auf 850px eingestellt, aber ich möchte einen Dialog mit einer kleinen Textmenge erstellen, der dafür zu groß ist: ! Bild Aber es wäre großartig, das hier zu bekommen: ! Bild Ohne das CSS zu überschreiben, denn ich möchte trot...
Ronaldaug
Für diejenigen, die nicht wissen, wie man modale 'Attribute' verwendet. Sie können die Option 'opts.attributes' zur Modal-Methode Open wie unten hinzufügen. '''javascript const modal = Editor. Modal; const opts = { Attribute: { class:'my-c...
kaoz70
Okay, ich denke daran, eine Funktion zu erstellen, um die Breite festlegen zu können, wie: setWidth('400px'), und auch eine Methode, um benutzerdefinierte Attribute zu setzen: setAttributes({'data-custom-attribute': 123}). Ich denke, es we...
kaoz70
Hallo, tut mir leid, ich bin jetzt mit Arbeit überlastet, wenn @sunnykgupta das ausprobieren könnte, wäre das super.
Ich sehe, dass die Versionsnummern erhöht werden, aber das Paket wird nach 0.15.15 nicht mehr auf npm veröffentlicht. Zeit für eine 0,16 😃 Ein weiteres Problem zu NPM: https://github.com/artf/grapesjs/issues/2568 (nicht sicher, ob das zusammenhängt)
artf
Es kann passieren, dass ein neuer Build im Dev-Repository verfügbar ist, aber das bedeutet, dass die Version noch nicht stabil ist, um veröffentlicht 😉 zu werden
Hallo @artf, Die Zusammenarbeit mit Grapesjs war bisher großartig. Es ist einfach zu benutzen, sobald wir es verstanden haben. Ich habe nur einen Vorschlag: Ist es möglich, Raster und Skalierungsoptionen im Editor einzubauen?
artf
Was meinst du mit Rastern und Skalierung?
sdrebel
Hallo @artf, Bild angehängt. So etwas in der Art ! Bild
artf
Nein, das ist nicht verfügbar und auch nicht geplant, aber falls jemand versuchen möchte, es zu integrieren (auch über ein Plugin), sagt mir bitte Bescheid
Guten Tag! Wie kann ich eine Unterkategorie aus der übergeordneten Kategorie erstellen? Ist es möglich, wie das angehängte Bild? PS: Das Bild ist nur bearbeitet, um das zu zeigen, was ich machen wollte. ! Bild
artf
Nein, standardmäßig kannst du nur Kategorien verwenden