Hallo @artf vielen Dank für ein großartiges Projekt, Ich habe einen neuen Typ erstellt, der dem normalen Link ähnelt, aber der Linktitel wird mit Ajax aktualisiert. Dann aktualisiert das Merkmal 'Linktitle'. Der Wert und die Leinwand werden aktualisiert, aber das Merkmal in "Settings" zeigt weiterhin den Anfangswert a...
Pouyamiralayi
@abzal0 in Ordnung! Obwohl der Requisitenansatz gut funktionieren muss, weiß ich nicht, warum das nicht so ist, oder ich übersehe hier etwas! Wenn wir mit Attributen arbeiten wollen, müssen Sie "addAttributes" verwenden, um das Attribut zu...
abzal0
@pouyamiralayi vielen Dank für Ihre Zeit, das hat das Problem gelöst: ' this.model.addAttributes({'linkTitle':oldValue + ' Changed!'}) ` Du hast so viel Zeit gespart, danke nochmal :)
abzal0
editor.getSelected().getTrait('linktitle').set('value','CCC'); funktioniert auch nicht
Hallo @artf, Was wäre die empfohlene Methode, eine grapesjs-Methode aus einem Plugin heraus aufzurufen? Das Plugin 'grapesjs-mjml' verwendet 'this'. MethodName()' (https://github.com/artf/grapesjs-mjml/blob/7a9712ce7a401079f31932a7fe2c342657e85efa/src/components/index.js#L248) Wenn das Plugin jedoch im Produktionsbund...
artf
Wahrscheinlich bräuchtest du so etwas '''js const View = Editor. DomComponents.getType('default').view; View.prototype.renderAttributes.apply(this); ``` Jedenfalls erscheint es wirklich seltsam, dass der Minifer so unsicher entfernt wird....
Hallo und danke für die tolle Bibliothek! Vielleicht haben wir beim Herumprobieren den folgenden Bug entdeckt: Beim Hinzufügen eines neuen Standard-"Bildblocks" ohne weitere Konfiguration (wobei der Standard-Bild-Platzhalter belassen wird) wird das Standard-Element 'svg' im exportierten / generierten HTML-Code als 'sr...
mcottret
Danke! #2620 wurde geöffnet.
artf
Danke für den Bericht, MathieugetAttrToHTML-Funktion von grapesjs/src/dom_components/model/ComponentImage.js sollte this.getSrcResult aufrufen (ich bin mir nicht sicher, ob man die Rückfalloption verwenden soll) statt this.get('src'), um d...
Hallo, Ich habe einen benutzerdefinierten Typ definiert wie: '''javascript Redakteur. DomComponents.addType('customType', { model: { Standardwerte: { Typ: 'customType', TagName: 'customTag', Textbar: 1, Ziehbar: wahr, draggable: ['p', 'div', 'span'] }, }, isComponent(el: HTMLElement) { Lass resultieren; const Tag = el...
makbari
OK. Ich habe einen Workaround gefunden. und da diese Frage zu spezifisch ist, schließe ich die Ausgabe. Danke für die Unterstützung.
artf
Wenn du das 'element.innerHTML = res.result' machst, fügst du den Inhalt einfach als statischen ein, der Editor parst ihn nicht in Components, was du wahrscheinlich suchst, ist das Aktualisieren des Modells 'model.components(res.result)'....
makbari
Danke für die Antwort. Das Ziel ist, das Modell als '' zu<customTag></customTag> behalten und den Inhalt einfach statisch darzustellen. Allerdings habe ich beim Rendern keine Möglichkeit gefunden, auf die statischen Inhalte zu reagieren. D...
Ich versuche, d&d-Funktionalität aus einem Modal hinzuzufügen, der eine Menge HTML-Dateien (HTML-Schnippel) auflistet ... in die Editor-Leinwand. Jede von ihnen umschließt den Inhalt mit einem '<section>' Ich habe versucht, 'canvas:dragdata' zu verwenden, um das Droppen in Canvas zu ermöglichen Soweit ich es verstande...
orionseye
Ich kläre, was ich erreichen möchte: Ich habe einige 100+ HTML-Schnippel, die ich im aktuellen 'handgefertigten' Builder benutze, und muss sie auf GrapesJS migrieren. Zu meiner Überraschung scheint das kein einfacher Job zu sein. Derzeit e...
artf
Hier finden Sie heraus, wie das geht https://github.com/artf/grapesjs/issues/2595
Ich habe ein Problem mit der Videokomponente. Ich wähle Anbieter aus, füge die Videoquelle hinzu und speichere dann das HTML, aber wenn ich das HTML erneut in den Editor lade, wird die Videokomponentenquelle durch ersetzt durch < svg xmlns="http://www.w3.org/2000/svg" width="100" viewBox="0 0 24 24" style="fill: rgba(...
artf
Hallo @olgertpysqyli du solltest dem folgen und dich auf JSON-Daten verlassen, um https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates
Hallo zusammen, Ich versuche, eine Komponente zu erstellen, die ihre Ansicht basierend auf einem Eigenschaftswert aktualisiert '''javascript Redakteur. DomComponents.addType("price-value-type", { isComponent: el => { wenn (el.tagName == "div" & el.hasAttribute("price-value")) { return { type: "price-value-type" }; } }...
artf
um das HTML zu aktualisieren, musst du 'toHTML' im Modell ändern '''js model: { ... toHTML() { const tagName = this.get('tagName'); const price = this.get('defaultPrice'); return '<${tagName}>${price}</{tagName}>'; } } ```
artf
Hast du so etwas ausprobiert? '''js Ansicht: { init() { this.listenTo(this.model, 'change:defaultPrice', this.render); }, onRender() { this.el.innerHTML = this.model.get("defaultPrice"); } } ```
rjrodriguezalvarez97
Ich werde es übermorgen ausprobieren. Danke für deine schnellen Antworten!
Ich benutze component.find(), um in einem großen Teil des HTML-Inhalts nach einem Fieldset-Tag nach einer verschachtelten Komponente zu suchen, damit ich Komponenten danach anhängen kann. Component.find lokalisiert die Komponente, wie im console.log zu sehen, aber der Versuch, .append zu machen oder .components zum In...
msantore
Hab ich herausgefunden! Ich musste nur eine Array-Position festlegen :-) Nachdem Sie 'component.find('fieldset')' verwendet haben, stellen Sie sicher, dass Sie eine Array-Position 'fieldSet[0].append(questionFieldSet);' setzen.
Dieser Fehler ist auch in der Online-Demo enthalten: https://grapesjs.com/demo.htmlFügen Sie der Seite einen Textblock hinzu, beginnen Sie zu tippen und drücken Sie Enter, um mehrere Zeilenumbrüche zu bilden.Deaktiviere den Block.Doppelklicke auf den Block, um erneut mit dem Bearbeiten zu beginnen. Wenn Sie nun auf de...
artf
Okay, ich versuche, das mal anzuschauen
Pouyamiralayi
@alexiswbr Verwendung des untenstehenden Ausschnitts werden die "div" als erwartetes Verhalten zu "br":
Obrazkow
Ich nutze diese Methode, um eine Transformation in eine Komponente zu verhindern und das ursprüngliche HTML beizubehalten. Überschreibe einfach die Komponente, die du brauchst, zum Beispiel 'Text' oder erstelle neue. Vielleicht ist es kein...
Ich benutze GrapesJs mit Angular und erweitere die Funktionalität mit Angular-Komponenten. Meine Vorlage sieht also so aus: Das funktioniert alles einwandfrei; Ich habe DomComponents zum Designer hinzugefügt, und die Komponenten erscheinen im Layer Designer und ich kann sogar problemlos die Traits ändern. Alles render...
andrewryan1906
Also, Stattdessen habe ich Angular-Elemente verwendet, aber die Elemente NICHT in eine Webkomponente kompiliert (wollte die zusätzliche Komplexität vermeiden). Dadurch musste ich die DOM-Elemente nicht austauschen, und so funktioniert der...
andrewryan1906
Das könnte helfen. Im Rahmen der Verarbeitung des Elements tausche ich es spontan gegen mein Angular-Element aus... Also, nachdem das RS-wc-Custom-Component-Tag gerendert wurde, warte ich 1 ms und generiere eine dynamische Angular-Komponen...
artf
Im Rahmen der Verarbeitung des Elements tausche ich es spontan gegen mein Angular-Element aus... Also, nachdem das RS-wc-Custom-Component-Tag gerendert wurde, warte ich 1 ms und generiere eine dynamische Angular-Komponente und tausche die...