Ich möchte eine vordefinierte Vorlage anzeigen, wenn Benutzer grapesJs öffnen, so etwas wie: Storage Manager. ! Bild HTML: '<Div id="GJS" style="height:0px; Overflow:hidden"></div> <script src="app.js"></script>' javascript in app.js: '''js Richte den GrapesJS-Editor mit dem Newsletter-Plugin ein const LandingPage = {...
Pouyamiralayi
Vorlage
artf
@dukie66 '<div>style="background-color="red"; height="100px"; width="100px"</div>' So soll man HTML nicht schreiben
Ich versuche, die Symbolleiste zum Ebenen-Panel hinzuzufügen, und ich bin mir nicht sicher, wie ich das angehen soll. Gibt es eine Möglichkeit, das zu erreichen? Werkzeugleiste ! Werkzeugleistenicons Wo ich sie platzieren möchte: ! layersPannelGrapesJS Danke für eure Antwort, Leute!
artf
Im Moment gibt es keine einfache Möglichkeit, den Inhalt von Navigator-Objekten zu ändern oder anzupassen. Was wir als Nächstes hinzufügen könnten, ist eine neue Rückrufoption in configs, die innerhalb der ItemView-Vorlage ausgeführt wird...
Mario-Digital
@pouyamiralayi Das meine ich ! aktualisiertTBimg
artf
Tatsächlich sollte es jetzt möglich sein, die 'layerManager.onRender'-Callback-Option zu verwenden
Hallo, da wir das generierte HTML und CSS exportieren und in eine separate Website integrieren wollen, ist es sehr wahrscheinlich, dass CSS-Klassen denselben Namen haben, was zu UI-Problemen führen könnte. Wir überlegen, sie nach dem Export umzubenennen und jeder Klasse ein Präfix hinzuzufügen, wissen aber nicht, wie...
Devmohitagarwal
HALLO @iColdoCatalin, Wir hatten dasselbe Problem und haben das überwunden, indem wir das CSS in Sandboxen gesetzt haben. Dafür habe ich sass.js (https://github.com/medialize/sass.js/) verwendet. Schritte: Decke die cssString mit deiner be...
artf
Danke für den Vorschlag @devmohitagarwal als Vorgehensweise gar nicht schlecht. Jedenfalls würde ich es vorziehen, alle Diskussionen über das Namensabstand von CSS in den Export hier zu verschieben, daher würde ich dieses Thema schließen
CatalinCernea
HALLO @iColdoCatalin,Wir hatten dasselbe Problem und haben das überwunden, indem wir das CSS in Sandboxen gesetzt haben. Dafür habe ich sass.js (https://github.com/medialize/sass.js/) verwendet.Schritte:Schließen Sie die cssString mit Ihre...
Mein Team und ich haben grapesjs genutzt, um E-Mail-Vorlagen zu erstellen, und speichern sie in einem AWS S3-Bucket. Wir haben erfolgreich eine E-Mail über unsere Webanwendung gesendet, jedoch werden die Bilder nicht angezeigt. Nachdem ich auf "Original anzeigen" geklickt habe, sehe ich, dass das Bild src korrekt ange...
Nach dem, was du gesagt hast, könnte es auch daran liegen, dass du einfach nicht das Anzeigen von Bildern in dieser E-Mail aktiviert hast... Jedenfalls hat das nichts mit GrapesJS selbst zu tun, daher gibt es keinen Grund, dieses Problem o...
timkelly0810
Kodiert Grapesjs Bilder innerhalb von Vorlagen nach base64? Falls ja, gibt es eine Möglichkeit, das NICHT zu machen oder zu dekodieren, bevor man an S3 schicken kann? Nachtrag: Ich habe eine Vorlage aus dem Amazon S3-Bucket heruntergeladen...
Hallo, Ich versuche, eine benutzerdefinierte StyleManager-Eigenschaft mit dem Typ 'integer' zu erstellen. Mein ultimatives Ziel ist es, die Darstellung bestimmter Einheiten neu zu definieren. Zum Beispiel verwendet der Nutzer die Einheit 'X' und dann wäre der tatsächliche Wert in den Pixeln unterschiedlich. (Einer der...
MartinPutz
Du hattest recht, jetzt funktioniert es. Vielen Dank. Tolles Projekt!
artf
Tatsächlich hat die ganzzahlige Eigenschaft eine falsche Implementierung von 'init' (das werde ich in der nächsten Version korrigieren). Aktualisiere vorerst deine Init-Methode mit dem untenstehenden Code und versuche, ob es funktioniert....
Hallo zusammen, ich arbeite mit grapesjs, deren Version '0.15.8' ist, und im 'absoluten' Modus, wenn ich einen Block auf die Leinwand ziehe, fehlen die Stile der Komponenten. Definieren Sie die Komponente wie folgt: '''javascript domc.addType(lineChartRef, { model: defaultModel.extend({ Standardwerte: { ... defaultMod...
Pouyamiralayi
@artf ja! Das passiert nicht, wenn ich "Script" entferne. Das Verhalten ist in Ordnung.
Pouyamiralayi
Hallo, @sheldonwr der Bug, auf den du dich beziehst, auf meiner Seite nicht reproduzierbar ist. Hier habe ich deine Typdefinition in der Demo ausprobiert und es funktioniert. Bitte schau dir den untenstehenden Code an und sieh, was bei dir...
artf
Okay, tatsächlich passiert etwas Merkwürdiges, wenn eine Komponente die 'Script'-Eigenschaft definiert hat... Danke für den Bericht, Leute, ich werde mir das anschauen. Können Sie bestätigen, dass es ohne 'Skript' sich korrekt verhält?
Ich sehe, dass das Bild nur mit einem einzigen Klick auf das Bild-Asset gesetzt wurde. Ich möchte das Modal auch beim Klicken einschalten. Ich versuche, einen Rückruf auf den Asset-Click einzurichten '''javascript Redakteur. AssetManager.onClick((model)=>{ console.log('Modell'); }) ``` Aber wenn ich auf Asset klicke....
artf
@Uysim du den Bildtyp erweitern kannst https://grapesjs.com/docs/modules/Assets.html#extend-asset-types Hier ist die ursprüngliche Ansicht des Bildtyps
Uysim
@pouyamiralayi Das ist nicht korrekt. Meine Frage betrifft den Rückruf, wenn der Nutzer im Assets Manager auf das Bild klickt. Deine Antwort bedeutet, das Modal sofort nach dem Öffnen zu schließen
Pouyamiralayi
Hallo! Ihre Antwort ist hierIch möchte das Modal auch beim Klicken einschalten. versuche, einen Rückruf auf den Asset-Klick einzurichten Prost!
Erklärung Using https://grapesjs.com/demo.html v0.15.8 auf Chrome 77.0.3~ Windows 10 Pro Build 18362 Das Importieren einer Videokomponente mit einem beliebigen booleschen Attribut (Controls, Loop, Autoplay) über das Importmodal zerstört alle boolischen Attribute auf der Komponente, bis die Komponente gelöscht wird. Fo...
artf
Auf den ersten Blick könnte das Problem hier liegen: https://github.com/artf/grapesjs/blob/a850a305b80b8f86c0e7e4fb92b6492c2e5a1957/src/dom_components/model/ComponentVideo.js#L115-L117 tatsächlich würde ich beim Export/Import einfach nur '...
Hallo, Füge den Link (href) zum Bild in grapesjs hinzu. Zuerst fügen wir ein Bild in grapesjs hinzu und fügen dann einen Link zu diesem Bild ein, es zeigt "Link"-Text neben diesem Bild, aber ich konnte keinen Link zu diesem Bild hinzufügen. Hier füge ich unten einen Screenshot hinzu, könnt ihr mir bitte helfen, wie ma...
Pouyamiralayi
@luvcharan Referenz aus der Demo: ! Bild
Pouyamiralayi
Hallo @luvcharan du musst "Link Block" und nicht "Link" verwenden. 1) Zuerst den Linkblock hinzufügen. 2) Dann dein Bild in den Linkblock zu legen. 3) Geben Sie HREF für Link-Block an. Prost!
ck1ldn
Hallo, funktionieren die Links in einer Demo oder einer unveröffentlichten Vorlage nicht? Ich habe das versucht und es funktioniert in der Vorschau nicht ! Bild
Ich weiß, dass es einen älteren Thread mit Rulers-Unterstützung als vorgeschlagenen Roadmap-Item gibt (aber der wurde geschlossen) – ich frage mich nur, ob es eine Chance gibt, das in Zukunft in GJS zu sehen? - Wäre eine großartige Ergänzung – ich schreibe gerade Crop/Bleed-Marks-Plugins, auch für responsives Druckdes...
Ronaldohoch
Hallo, das hilft: https://github.com/Ju99ernaut/grapesjs-rulers
artf
Ich frage mich nur, ob es eine Chance gibt, das in Zukunft in GJS zu sehen? Klar, vielleicht sehen wir es eines Tages, aber im Moment ist es nicht meine Priorität, also wenn jemand anderes das als PR starten möchte, wäre das großartig
artf
Danke @ronaldohoch, ich werde das zugunsten des Plugins schließen