Hallo, Ich versuche, der Symbolleiste aller Komponenten einen neuen Button hinzuzufügen. Ich konnte für jede Komponente einzeln hinzufügen, aber nicht für alle gleichzeitig. Zur Info: Ich möchte vermeiden, die Datei 'src/grapesjs/dom_components/model/Component.js' zu ändern. Gibt es eine Möglichkeit, das zu tun? Viele...
artf
@lauragadea solltest du wahrscheinlich versuchen, die Standardkomponententypen zu erweitern (z. B. 'default', 'image', 'text' usw.).
JulyanoF
@lauragadea, bitte schau #266 an
Lauragadea
Ja, @JulyanoF, habe ich schon. Und es schlägt vor, die Dateien 'src/grapesjs/dom_components/model/Component.js' zu modifizieren. Genau das versuche ich zu vermeiden.
Es ist, als würde er das DOM nicht genau analysieren Fortpflanze. Kontrollprotokoll ansehen https://codesandbox.io/s/lxl7x2mnq ! Bild Man sieht, dass es in diesem Sandbox-Modus weit mehr als 5 Komponenten/Modelle gibt. Aber das Konsolenlog zeigt nur 5 an ! Bild Wenn ich eine an die Wurzel des Dombaums füge, wird 6 ang...
artf
@Geczy wahrscheinlich muss ich die Beschreibung aktualisieren, aber 'getComponents' gibt einfach die Komponenten des Wrappers zurück (mit seinen Kindern). Wenn du ein Array aller Komponenten zurückgeben willst, kannst du Folgendes machen:...
Geczy
Funktioniert super, danke
Lock[Bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Ich habe schon verschiedene Wege ausprobiert, aber es funktioniert immer noch nicht... Erstens: 'editor.addComponents('<style>img{width:100%}.botao-roxo{background-color:#8D7EA2; Randfarbe:#8D7EA2; Farbe:#FFF}.botao-roxo:aktiv,.botao-roxo:fokus,.botao-roxo:hover{hintergrund-farbe:#FFF; Randfarbe:#8D7EA2; color:#8D7EA2...
Lock[Bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Hallo @artf, Ich möchte dieses Verhalten beim Aufruf von 'editor.setComponents" replizieren("<div>Dies ist eine Textkomponente. <span style='font-size: 20px;'>Dies ist ein verschachteltes Element, das ich nicht herausfiltern möchte.</span></div>")`. In diesem Beispiel möchte ich, dass die verschachtelte 'Span' nicht a...
Ryandeba
Jetzt, wo ich noch etwas darüber nachdenke, würde Option 1 für mich nicht wirklich funktionieren, da ich verhindern möchte, dass Inline-Stile entfernt werden, und außerdem verhindern möchte, dass IDs/Klassen/Attribute zu den Kinderelemente...
artf
Hey Ryan, wie wäre es mit diesem benutzerdefinierten Bauteil? '''js const domc = Herausgeber. DomComponents; const textType = domc.getType('text'); domc.addType('raw-text', { model: textType.model.extend({ },{ isComponent: function(el) { i...
Ryandeba
Danke @artf! Ich wette, dein Vorschlag wird für mich funktionieren – ich werde es in den nächsten Stunden ausprobieren.
Hallo @artf, Ich habe das Bild src mit dem folgenden Code aktualisiert: editor.getSelected().set('attributes', {'src': image_Url}); Aber wenn ich das gesamte HTML mit untenstehendem Code setze: editor.setComponents(templateHTML); dann wird Image src in HTMLcomponent nicht aktualisiert. Bitte teilen Sie uns darüber Bes...
Ryandeba
Hallo @Deepak813, Ich bin mir nicht sicher, woher 'templateHTML' in deinem Beispiel kommt... Ist das 'src' auf deinem Bild in dieser Variablen korrekt gesetzt? Jedenfalls scheint das Auswählen eines Bildes und das Ausführen dieses Codes fü...
artf
@Deepak813 wie bereits von Ryan erwähnt, musst du 'editor.getSelected().set('src',image_Url)' verwenden.
AkibDeraiya123
@ryandeba @artf Gibt es Möglichkeiten, andere Attribute des Bildes wie Klasse, ID usw. zu ändern? Ich hatte es versucht mit so, Aber das scheint in meinem Fall nicht zu funktionieren. Könnt ihr mir bitte helfen, wie ich andere Attribute di...
Ich möchte ES6-Klassen im components-Skriptattribut verwenden. Wenn ich die Komponente auf die Leinwand lege, erscheint die Fehlermeldung "classCallCheck ist nicht definiert". Komponentencode: '''javascript comps.addType('dropdown', { model: defaultModel.extend({ defaults: Object.assign({}, defaultModel.prototype.defa...
punkt2
Ich habe das Problem gelöst. Es stellt sich heraus, dass Babel die JavaScript-Klasse transformiert und die Hilfsfunktion classCallCheck aufruft, die nicht an grapesjs weitergegeben wird. In der neuesten Version (7) von Babel kann man den l...
Lock[Bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Hallo, editor.getComponents().add('<div class="grid-stack" style="height:800px;"></div>'); Fügt beim Aktualisieren mehrfach hinzu, wie kann man das stoppen. Es sollte nur einmal hinzugefügt werden.
artf
Nun, wenn du 'hinzufügen' hast, speichert der Editor die Vorlage (lokal/remote), nachdem der Refresh Editor sie geladen hat, benutzt du immer noch 'Add'... Nun, das ist ein korrektes Verhalten.
suchithmahadi
Gibt es eine Möglichkeit, nur einmal hinzuzufügen?
suchithmahadi
@artf Gibt es eine Möglichkeit, nur einmal hinzuzufügen? Danke
Hallo, ich habe ein seltsames Problem mit Component: Ich habe zwei Typen, Bild und Symbol '''js domComponents.addType('icon', { model: imageModel.extend({ defaults: Object.assign({}, imageModel.prototype.defaults, { Merkmale: [{ Typ: 'Text', Label: 'Icon URL', Name: 'SRC', changeProp: 1 }], entfernbar: falsch, draggab...
artf
Bist du sicher, dass keine seltsamen Styles geladen sind, die den IMG-Style erzwingen? Versuche zu inspizieren und zu sehen, ob sich der Stil tatsächlich verändert
theanhmx
Ja, ich sehe, dass sich das im lokalen Speicher ändert. Aber nach kurzer Zeit änderte es sich wieder
artf
Kannst du es mit einem Live-Beispiel reproduzieren?
Ich habe eine Frage zum Einfügen von script js in GrapesJs. Kann ich <script> in grapesJS mit function editor.getComponents().add() hinzufügen und nicht mit JavaScript injizieren? document.createElement('script')?
artf
@wvaymen klar, aber du musst das Skript-Importieren vorher aktivieren '''js const editor = grapesjs.init({ ... allowScripts: 1, }); editor.addComponents('<script>alert(1)</script>'); ```
Lock[Bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Hallo, Laut dem Dokument , Ändere den Hintergrund des Wrappers und setze ein Attribut var wrapper = domComponents.getWrapper(); wrapper.set('style', {'background-color': 'red'}); wrapper.set('attributes', {'title': 'Hello!'}); Können wir eine Klasse auf Wrapper setzen? Bitte sagt uns, wie man eine Klasse auf die Wurze...
@artf , Danke für die Antwort. Können wir das tun Redakteur. DomComponents.getWrapper().addClass('wrapper') in der Version 0.10.7 Danke.
suchithmahadi
Entschuldigen Sie die Störung, Denn als ich es in Version 0.10.7 versucht habe, Es gibt einen Fehler [Fehler] TypeError: wrapper.addClass ist keine Funktion. (In 'wrapper.addClass('wrapper')' ist 'wrapper.addClass' undefiniert) Globaler Co...