Hallo, @artf, Ich habe mir einen Bug beim integrierten RTE erwischt:Standart-E-Mail-Text-Element mit einem rot gestalteten Tag A im Inneren hinzugefügt:RTE durch Doppelklick auf das Spannelement aktivierenRTE deaktivieren, indem man Element deaktiviertDer Link ist jetzt blau Nach jedem Deaktivieren der Link-ID fügt es...
h3llomoto
Hey, ist da jemand?
artf
@h3llomoto PRs sind willkommen, Kumpel
artf
Behoben und bereit für die nächste Veröffentlichung #3069
Hallo zusammen, Eher eine allgemeine Frage, ob es jemand geschafft hat, die gesamte Leinwand (oder tatsächlich den Wrapper) zu einem Vue-Element zu machen, das heißt, man könnte ein benutzerdefiniertes Div wie '<timer></timer>' ziehen und es wird korrekt gerendert? Ich habe das versucht, ich habe den Wrapper zum Vue-E...
Adamwpe
Danke @noogen für deine ausführliche Antwort. Ja, ich denke, du hast Recht und bleib bei Komponenten – ich bin mir nicht sicher, ob das ToHtml die richtige Lösung für mich ist oder nicht, weil ich nicht zwei Systemtypen verwalten möchte, d...
Noogen
Meine Antwort ist, am besten bei benutzerdefinierten Skripten zu bleiben. Ich habe hier benutzerdefinierte Komponenten mit Lodash-Vorlage erstellt: https://github.com/niiknow/grapesjs-components-farmer/blob/master/src/index.js#L2. Ein Stri...
Benutzt du die neueste Version (ältere Versionen werden NICHT unterstützt)? Ja, ich benutze die neueste Version v0.16.3. Was ist passiert? Von WORKING v0.15.3 auf v0.16.3 aktualisiert. Außerdem habe ich überprüft, ob das in Version 0.15.10 FUNKTIONIERT. Demo, um das Problem https://niiknow.github.io/grapesjs-component...
artf
@noogen kannst du bitte eine reproduzierbare Demo auf etwas wie jsfiddle erstellen? (ohne dein Preset/Plugin, daher weiß ich, dass das Problem vom Kern kommt)
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...
HassanElZarkawy
Ich habe auch dieses Problem. Bei mir passiert das jedes Mal, wenn ich versuche, die Canvas-Option in Init zu nutzen. ''' JavaScript const editor = grapesjs.init({ Gib an, wo du den Editor einführen sollst. Du kannst auch ein HTMLElement b...
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 zusammen, Ich versuche, einige benutzerdefinierte Vue.js-Komponenten im Blockmanager hinzuzufügen, und auf den ersten Blick ist alles in Ordnung – es wird korrekt gerendert und die Vue-Komponenten reagieren. Aber wenn ich die Vorlage speichere, meine Seite neu lade und dem storageManager 'gjs-style', 'gjs-compon...
Adamwpe
@pouyamiralayi Danke dafür, das hat mich in die richtige Richtung gewiesen – er ist ein Beispiel, das für mich funktioniert, um eine Vue-Komponente zu rendern, und es wird in :) wieder geladen, aber es könnte für jemand anderen sicher nütz...
mcottret
Hallo @adamwpe! Das Importieren von Skript-Tags wird durch die Standard-Editor-Konfiguration deaktiviert, was erklärt, warum deine Skript-Tags vom HTML-Parser entfernt werden; die Einstellung der Editor-Konfigurationsoption 'allowScripts'...
Pouyamiralayi
@adamwpe wir so etwas in der Vergangenheit hatten, entschuldige ich mich, dass ich es nicht durchgezogen habe! Mach so: in den neuesten Versionen besteht keine Notwendigkeit, von dView & dModel zu erweitern. Und für die Vue JS-Integration...
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 versuche, mehrere Seiten zu implementieren, wie in dieser Ausgabe diskutiert – https://github.com/artf/grapesjs/issues/1331 Aber wenn ich versuche, den Components Tree mit 'editor.getComponents()' zu bekommen, gibt es Daten mit falschem Format zurück (Modellsammlung, schätze ich). Wenn ich versuche, Komponenten mi...
Podvodila
Muss die zurückgegebenen Komponenten stringifizieren und zurückparsen (funktioniert nur, wenn die Komponenten ursprünglich programmatisch gesetzt wurden) 'JSON.parse(JSON.stringify(editor.getComponents()))' https://jsfiddle.net/w1497xp8/ U...
artf
Ja, das ist die korrekte Methode, um denselben String-String des StorageManager zu erhalten
Hallo zusammen, Ich habe eine benutzerdefinierte Komponente mit einer anderen Struktur, abhängig vom Wert des Requisits. Wie kann ich die Komponentenfunktion des Modells beim Prop-Change-Event zurückrufen/wiederholen? '''javascript const EDC = Editor. DomComponents; const TableType = EDC.getType('table'), TableModel =...
artf
Ich denke, 'this.components(this)' wirft den Fehler 'Maximale Aufrufstackgröße überschritten', während du versuchst, die Komponente an sich selbst anzuhängen. Wahrscheinlich musst du das ausprobieren '''js this.components( this.proto.defau...
Pouyamiralayi
Hallo @V1cu Sie können Ihre Zuhörer im init hook wie unten registrieren: Prost!
Hallo zusammen, Ich integriere gerade den Slick Slider, das Problem besteht darin, dass der Slider nach dem Hochladen des Bildes neu geladen wird. Nach dem Klick der geöffneten Assets muss der Slick-Regler neu initialisiert werden, sodass das reguläre HTML des Sliders zum Slick Slider wird, was beim Hinzufügen der Kom...
Pouyamiralayi
Hallo, @abzal0 die korrekte Funktion ist tatsächlich "updateScript", mein Fehler! So habe ich es gemacht: Zuerst definieren Sie den Komponententyp: Jedes Mal, wenn das Skript läuft, setze ich die "slickjs" zurück, um die Neuinitialisierung...
abzal0
@pouyamiralayi das ist unglaublich wertvoller Code, vielen Dank fürs Teilen :) Es funktioniert besser, als ich gebraucht hätte. Ich werde dir eine E-Mail schicken, hoffentlich antwortest du.
Pouyamiralayi
@abzal0 , wie initialisiere ich die 'script'-Funktion in editor.blockmanager.add neu, um den jquery-Code von Slider neu zu laden? Für deinen "Skript"-Code empfehle ich, ihn in die Komponentendefinition zu verschieben und dort Folgendes aus...
Hallo, ich habe viel gesucht, aber ich habe nicht gefunden, wie man eine CSS-Datei im Editor lädt Mein Code Bezüglich eines anderen Themas füge ich hinzu Styles: [\'http://localhost/flexidev/templates/shaperhelix3/css/template.css\'] kein wirklicher Fehler, aber auch kein Stil ... Was habe ich vergessen? 'Funktion fcl...
Pouyamiralayi
@micker Sie müssen sie so einbeziehen: Ich sehe das "canvas"-Objekt in deinem Setup nicht. Prost!
Pouyamiralayi
@micker wenn dein "customCss" eine URL ist, ist das der richtige Weg, sie einzufügen. Aber wenn du einige Stile hast, die du von Hand einfügen möchtest, folgt folgendes Verfahren: Prost!
Micker
Ich versuche, https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates Aber ich bin mir da nicht sicher ... Wenn ich Leinwand so hinzufüge '''var editor = grapesjs.init({ Leinwand: { Skripte: null, Styles: [customeCss] //Gib...