Hallo Ich habe versucht, Grapesjs auf den VisualSource-Seiten zu verwenden. Im Folgenden folgt die init-Funktion – 'initEditor: function(){ var self = das; this.editor = grapesjs.init({ Container: '#gjs', fromElement: true, Größe: '500px', Breite: 'Auto', storageManager: false, Panels: { Standardeinstellungen: [] }, b...
artf
Bitte erstelle eine reproduzierbare Demo
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...
Hallo, Ich habe ein Problem mit dem Mobile-First-Ansatz. Die Leinwand rendert den falschen Stil, wenn verschiedene Stile an mehreren Bruchpunkten gesetzt werden. Aber der generierte Code ist gut, dieses Problem tritt nur im Canvas auf. https://codesandbox.io/s/xenodochial-shockley-s02lp?file=/index.js:496-524 '''js CO...
artf
Wir sollten dieselbe Logik aus https://github.com/artf/grapesjs/blob/201e1f9a61783080f7be885e9e0be9a40ecc16cc/src/codemanager/model/CssGenerator.js#L151-L162 Hier https://github.com/artf/grapesjs/blob/201e1f9a61783080f7be885e9e0be9a40ecc16...
Kleiner Bug: Beim Wechsel der Videotypkomponente auf den HTML5-Anbieter nimmt er immer das SRC des vorherigen Anbieters. Stattdessen würde ich erwarten, dass es geklärt wird. Das hat auch einen weiteren Nebeneffekt, da es scheint, als würde man (ohne den Code zu prüfen) den Anbieter je nach SRC einstellen. Das ist bes...
artf
Es sollte in der nächsten Version behoben werden, danke für den Bericht
Hallo. Zunächst einmal danke ich für dieses tolle, tolle Werkzeug. Was ich brauche, ist, je nach Traits JS- oder CSS-Dateien auf die Canvas zu laden. nehmen wir an, ich habe einen Knopf mit der Option, damit er eine Lichtbox auslöst. ! 1 Jetzt muss ich die Dateien des Lightbox-Plugins nur dann laden, wenn dieses Kontr...
artf
Wenn du 'canvas: { scripts: [], styles: [] }' verwendest, werden nur diese Dateien an die Canvas des Editors angehängt, sodass du sie im endgültigen Code ('editor.getHtml()') nicht sehen wirst. Es gibt keine globale Liste, aber du kannst d...
Hallo, GrapesJS hat eine Reihe von Veranstaltungen, die man über editor.on hören kann. Eine davon ist 'canvas:drop'. Aber es wird nur ausgelöst, wenn ich ein Element ablege, das noch nicht auf Canvas war. Aber ich möchte zuhören, wenn der Nutzer eine Komponente versenkt, die bereits auf Canvas existierte. Kann ich das...
Cartifon
Hallo @kuhelbeher, in Version 16.2 wurde diese Option hinzugefügt, Sie können sich hier ansehen: https://github.com/artf/grapesjs/releases/tag/v0.16.2
Ich habe eine Komponente und einen Block in meinem Plugin definiert. Der Block basiert darauf, einige Daten über AJAX abzurufen und sich dann neu zu rendern. '''js Inhalt: { Typ: "testComponent", Inhalt: 'AJAX lädt...', script: function() { Inhalte werden über $("#" + this.id) geändert. } } ``` Wenn ich mit D&D auf di...
Hallo, ich bin mir nicht ganz sicher, wohin das gehen soll, aber hier kommt es. Ich entwickle einen Builder, um lange Menüs für Restaurants zu erstellen, die gedruckt werden. Meine Frage ist: Hat jemand irgendwelche Beispiele, wie man für jede Seite eines "Menüs" eine Seitenbegrenzungsbox erstellt? Angenommen, ich hab...
Ju99ernaut
Man kann die CSS-Eigenschaften break-before oder break-after nutzen. Vielleicht kannst du einen Seitenumbruchblock erstellen, den du manuell nach jeder Seite hinzufügst, schau dir grapesjs-plugin-page-break an, oder du kannst vor oder nach...
Ich habe die Code-Edit-Option im Web-Builder integriert.Verwendung von 'editor.getHtml()', um den aktuellen HTML-Inhalt abzurufen und ihn im Code-Editor auszufüllenWährend ich den Code aus dem Code-Editor speichere, verwende ich 'editor.setComponents()', um die bearbeiteten Inhalte auf die Builder-Canvas zu setzen. Pr...
Pouyamiralayi
@jenter #1331 Kommentar und #2644 Kommentar sind gute Beispiele. Schau dir auch #2664 Kommentar an, das ist eine Falle, die man vermeiden sollte! Prost!
Noogen
@sathyanarayananaCES Erstens, um andere zu bestätigen, dass es am besten ist, 'get/setComponents' und 'get/setStyle' zu verwenden, um den Inhalt des Editors zu speichern. Wenn ich deine Verwendung richtig verstehe, möchtest du HTML für 'ht...
Pouyamiralayi
Hallo @sathyanarayananaCES Sie müssen ''editor.getComponents'' und ''editor.getStyle'' aufrufen, um die Details der Komponenten abzurufen; Dann können Sie in den gespeicherten Zustand zurückkehren, indem Sie "editor.setComponents" und "edi...
Hallo, Ich arbeite an einer Integration meines Lokalisierungssystems (i18n) mit grapes.js. Die Idee ist, ein Datenfeld zu haben, das den i18n-String enthält. '''html <div class="content" data-i18n="common:localize.string"></div> ``` Wenn das Datenattribut gesetzt ist, nimmt grapes.js die Zeichenkette und macht sie in...
artf
@teawithfruit wenn du etwas auf deiner gespeicherten HTML-Seite (außerhalb des GrapesJS-Editors) erwartest, sehe ich nur: '''js script: function() { console.log('Drehbuch fertig!') } ``` Es bewirkt also nichts, wahrscheinlich bist du ein w...
Pouyamiralayi
Hallo @teawithfruit es gibt ein paar Probleme mit deinem Code: 1) du hast keinen Zugriff auf "this" als Modell im Component "script": Component & Js docs 2) Wenn dein Anwendungsfall darin besteht, ein Attribut zu steuern, musst du dafür ke...
Tee mit Früchten
Danke für die sehr hilfreiche Antwort! Das ist mein aktualisierter Block/Komponente. Im Moment habe ich nur noch ein Problem. Die Skriptfunktion, die ich der Komponente hinzugefügt habe, wird auf der gespeicherten HTML-Seite nicht aufgeruf...
Ich habe meinen Block unten so hinzugefügt Dann zieht man diesen Block und legt ihn auf die Canvas ab und zeigt HTML-Code mit dem Befehl 'export-template' an. 👆Okay, das habe ich erwartet. ABER, die HTML-Klasse erscheint nicht im Element im Editor, daher ist es kein angewandter Stil für .main-title. <img width="793"...
artf
Kurse sollten in 'Klassen' eingeteilt werden. '''js Inhalt: { Typ: 'Text', TagName: 'p', Kurse: 'Haupttitel', Inhalt: 'Dies ist der Haupttitel. Um hier zu klicken, um das zu bearbeiten' } ```