Entschuldigung im Voraus für mein Englisch. Ich entwickle ein CMS mit Laravel und Vue.js. Ich möchte grapesjs zum Bearbeiten von Seiteninhalten verwenden, aber mit statischen HTML-Elementen (wie Navigationsleiste, Fußzeile ...). Hier ist ein einfaches Bild dessen, was ich gerne hätte. ! Trauben-Frage Ich habe die Doku...
artf
Es gibt verschiedene Wege, das gewünschte Ergebnis zu erzielen, daher empfehle ich, diese Beispiele zu prüfen: Identifiziere die editierbare Komponente und ignoriere alles andere https://jsfiddle.net/arturarseniev/aku70f5w/ Identifizieren...
NeekoGta
Ich habe eine Lösung gefunden, indem ich 'fromElement: true' und diese : https://github.com/artf/grapesjs/issues/336#issuecomment-332205060 Aber ich muss 'type: 'local' verwenden und kann 'urlStore' und 'urlLoad' nicht mehr verwenden. Ich...
NeekoGta
@akkivaghasiya5 vor 2 Jahren, ja. 😆 Aber als ich es heute nochmal versuche, scheint es nicht zu funktionieren. 'fromElement' wirkt jetzt veraltet. @artf Können Sie ein Beispiel geben, wie wir das erreichen können? Danke!
Wenn ich zur mobilen Ansicht wechsle, werden die Elemente auf dem Bildschirm einfach zusammengedrückt. (Ich benutze das grapesjs-blocks-basic-Plugin) In den untenstehenden Screenshots gibt es eine Spalte mit 2 Zellen. Ich erwarte, dass es in der mobilen Ansicht <br/> in Zeilen umgewandelt wird ! Screenshot (179) <hr/>...
Ju99ernaut
Versuche es mit flexGrid
theSC0RP
@Ju99ernaut Vielen Dank. Die Verwendung von FlexGrid löst das Problem.
Version: 0.15.9 Kannst du den Fehler aus der Demo reproduzieren? Ja Was ist das erwartete Verhalten? (Im Newsletter-Plugin)Klicke auf die Komponente im Builder-Teil, die Style-Manager-Eigenschaften zeigen muss, die mit dieser Komponente zusammenhängen. Wie ist das aktuelle Verhalten? Nach dem Klicken auf die Komponent...
artf
Es ist keine Kernfunktion, sondern wurde in der Website-Voreinstellung auf diese Weise implementiert https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/panels/index.js#L108-L118
Version: 0.15.9 Was ist das erwartete Verhalten? Wann immer eine Komponente per Drag & Drop in den Builder-Teil kommt, muss ich die Eigenschaften dieses zugehörigen Stils anpassen. Zum Beispiel Ziehe und lasse die Link-Komponente in den Builder-Teil ziehen, dann klicke ich darauf, es werden folgende Stileigenschaften...
MartinPutz
@dharmatv Hallo! Das ist kein Bug, du kannst es erreichen, indem du die stilierbaren Eigenschaften einer Komponente definierst. '''js Redakteur. DomComponents.addType('customComp', { model: { Standardwerte: { TagName: 'customComp', stilier...
DharmaTV
Hallo @MartinPutz Danke für deine Antwort Ich verstehe. Meine Anforderung ist, dass nur die Komponenten von Grapesjs nicht individuell angepasst sein sollten Ich habe nicht erwähnt, dass ich mich dafür entschuldige
artf
Du kannst die Datenattribute '<div data-gjs-stylable="['color']">' verwenden</div>.
Wie steuert man die Position der Elemente in den Zellen in den Spalten? Auf der linken Seite habe ich das Kartenelement, und rechts habe ich Text und Bild. Wie im untenstehenden Screenshot zu sehen ist, sind die Elemente rechts nach der Karte positioniert. ! Screenshot (175) Ein ähnliches Problem gibt es auch bei dies...
Ju99ernaut
Du kannst das zu 'pluginOpts' innerhalb von 'grapesjs.init' hinzufügen: '''js const editor = grapesjs.init({ // ... pluginsOpts: { "gjs-blocks-basic": { stylePräfix: '', // kein gjs- Präfix flexGrid: 1 // benutze flexbox statt Tabellen } }...
MartinPutz
@theSC0RP Das ist bei GrapesJS selbst eigentlich kein Problem. Die Zelle in GrapesJS hat '''css anzeigen:Tischzelle; Sieh https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align Du würdest das entweder automatisch auf deine benutze...
theSC0RP
@MartinPutz Danke für die Antwort. Wie würde ich eine benutzerdefinierte Stil-Eigenschaft auf der Zelle erstellen und anwenden? Ich benutze das Plugin grapesjs-blocks-basic, sodass die Zelle den Klassennamen 'gjs-cell' hat. Ich habe versuc...
Hallo @artf, Wie würdest du empfehlen, die Komponenten auf der Leinwand hervorzuheben, in die der ausgewählte Block gemäß den Draggable & Dropable Regeln abgeworfen werden kann? Mit anderen Worten: Wenn ein Benutzer beginnt, einen Block aus dem Blockmanager zu ziehen, möchte ich die Komponenten auf der Leinwand hervor...
artf
Mit der Einführung von Canvas Spots denke ich, dass dieser Feature-Wunsch als erledigt betrachtet werden kann. Hier ist ein kurzes Demobeispiel https://github.com/GrapesJS/grapesjs/assets/11614725/ea956282-b6bd-455e-af9b-6b5fb7707d71
artf
Ich denke, momentan ist es nicht einfach, das zu erreichen. Das Sorter-Modul ist ziemlich alt und unordentlich, und ich müsste es umstrukturieren, um eine solche Funktionalität zu ermöglichen (was ich auf jeden Fall gerne hätte). Leider gi...
kerryj89
Ich habe gerade daran gedacht. Ich denke, es ist die natürliche Entwicklung und notwendig, wenn man Grenzen setzen kann, wo etwas fallen lässt.
Version: 0.16.22 Kannst du den Fehler aus der Demo reproduzieren? [x] Ja Schritte:Klicken Sie auf HTML importierenEinfügen von '<img src="anyimagesource.gif" onload="alert(1)"/>'Der JS wird hingerichtet Ein richtiges "Sandbox"-Attribut auf iframe könnte das Problem wahrscheinlich abmildern.
artf
Nun, wenn du GrapesJS nutzt und die Möglichkeit erlaubst, benutzerdefinierten HTML einzufügen, ja, Self-XSS ist möglich. Leider gibt es einige Probleme, die es mir nicht erlauben, das richtig zu behebenIch muss auf das DOM des iframes zugr...
Rukavina
Du hast recht, wir dachten, 'sandbox="allow-same-origin"' würde den Zweck erfüllen, aber 'allow-scripts' ist auch nötig, und dann ist es, als würde man Sandbox gar nicht mehr verwenden. Was aber trotzdem hilfreich sein könnte, ist, eine Mö...
blinkybill
Wenn du den Content Security Policy HTTP-Header verwendest, kannst du viele solche XSS-Probleme umgehen. aber es gibt im Moment ein Problem mit GrapesJS, nämlich dass es underscore.js verwendet, was eine Funktion mit "eval" beinhaltet, sod...
Version: 0.16.22 Was ist das erwartete Verhalten? setTarget erlaubt das Styling einer CSS-Regel, die sich von der ausgewählten Komponente unterscheidet Beschreibe den Bug Beim Aufruf der setTarget-Methode hat der Style Manager immer noch eine ausgewählte Komponente als Styling-Ziel Was ist das aktuelle Verhalten? setT...
artf
Danke, @maryia-kabash das Problem gefunden hat, es wird in der nächsten Version behoben!
Maryia-Kabash
Hallo @artf! Ich habe eine Frage zu diesem Fix – setTarget aktualisiert jetzt die Klassen im Klassenbereich korrekt, aber der Style Manager spiegelt die tatsächlichen Stile nicht wider. Bitte sehen Sie – https://prnt.sc/vfzuvv Vielleicht i...
artf
Danke für den Bericht und den Vorschlag, Maryia. Die Lösung wird in der nächsten Version verfügbar sein (ich hoffe, sie morgen veröffentlichen zu können)
Hallo, Ich versuche, eine benutzerdefinierte Klasse über den Button im Panel-Control hinzuzufügen, aber es funktioniert nicht. Schau dir das kurze Video an, um zu sehen, wovon ich spreche: https://www.loom.com/share/c50fdc3741094c0f9fea65b05eb78d3a Danke.
artf
Tut mir leid, aber in so einem Fall kann ich ohne eine reproduzierbare Demo nicht viel machen, die offizielle Demo mit der neuesten Version funktioniert einwandfrei, also könnte es wohl nur bei dir etwas nicht stimmen.
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...