Hallo zusammen, Ich muss einen Button in einen Textbereich einfügen, wie mache ich das? Soll eine Immobilie modifiziert werden oder etwas anderes? Und ist es tatsächlich möglich, das zu tun? Danke für deine Antwort@artf
artf
Nein, das kannst du nicht, der Textbereich enthält nur Text
GJSBlock
Danke, dass du das gemeldet hast, @lebonsavane. Gute Frage zum Button in einen Textbereich. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spe...
Hallo @artf Ich stecke bei einer Sache fest: Ich möchte einen Block hinzufügen, in den ich auch Stil mit dem Klassennamen hinzufügen möchte Hier ist mein Code –: Das hat mir genau das gegeben, was ich wollte HTML-Code im HTML-Bereich und der Style-Teil im Style-Bereich, aber ich möchte dafür ein neues Merkmal hinzufüg...
artf
'''js Inhalt: { Inhalt: section_content, // < – du solltest 'components' verwenden, nicht 'content'... tippe: 'section', } '''und mach dir einen Gefallen, hör auf, ganze Abschnitte in Blöcken zu definieren, verwende einen komponentenorient...
GJSBlock
Danke, dass du das gemeldet hast, @Abhisheknanda1344463. Danke, dass du deinen Bericht über Typ für Block hinzufügen und CSS mit Klassennamen hinzufügen geteilt hast. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stel...
Ich möchte ein neues HTML-Element mit Inline-Stilen um das 'rte.selection()' hinzufügen. Mit folgendem Beispiel ist das HTML in Ordnung, aber wahrscheinlich nicht der JSON-Teil: '''js const editorRte = this.editor.RichTextEditor // ... editorRte.add('fontSize', { Ikone: ' <select> <Option value="" deaktiviert ausgewäh...
artf
@bgrand-ch, was meinst du mit "wahrscheinlich"? 😅
bgrand-ch
@artf danke für deine schnelle Antwort 🙂. Update-Abhängigkeiten auf '0.16.30' lösen mein Problem 🎉
Was versuchst du zu GrapesJS hinzuzufügen? Ich versuche, den 'Referer'-Header zum Bildladen über Asset Manager hinzuzufügen. Beschreibe deine Feature-Anfrage detailliert Ich arbeite an einem Pagebuilder, der auf AWS gehostet wird. Um zu verhindern, dass Leute meine Bilder hotlinken, habe ich AWS WAF implementiert, das...
artf
Wie bereits an die PR geantwortet wurde, kann dies bei Bedarf durch Erweiterung der Image-Komponente erfolgen, ohne das Risiko, dass die Integration für andere unterbrochen wird. Und als Hinweis: Wenn du eine Funktion hinzufügen möchtest,...
Tomhatzer
Vielen Dank für den Tipp @artf – ich werde versuchen, das zu erreichen, indem ich die ursprüngliche Komponente verlängere. Einen schönen Tag noch! 😃
Tomhatzer
Für alle, die das gleiche Problem haben, dass der iframe keine Referrer-Header für die darin angezeigten Inhalte sendet, hier eine schnelle und einfache Lösung. Setze einfach das Canvas iFrame 'src' auf deine gewünschte Domain, mit der du...
Hallo, Ich habe Grapejs Pagebuilder erstellt. Ich habe zwei Links, einen für Pagebuilder1 und einen weiteren für PAgeBuilder2. Beide werden zum Grpaejs-Editor weitergeleitet und laden Inhalte aus der Datenbank basierend auf der ID. Wenn ich bei PageBuilder1 klicke, geht es zu index.html?id=1 (gespeicherte Inhalte aus...
artf
Folgen Sie diesem Leitfaden https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage
GJSBlock
Danke, dass du das gemeldet hast, @san-123. Toller Vorschlag zu Inhaltsladeproblemen aus der entfernten Datenbank! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, ähnliches Verhal...
Hallo @artf Ich habe den CKEditor in den Grapesjs hinzugefügt und er funktioniert einwandfrei, aber das Problem ist, dass der CKEditor im Header-Block nicht angezeigt wird Ich habe versucht, die Format-Tags hinzuzufügen Aber es funktionierte nicht. Könntest du mir bitte helfen Danke
artf
Bitte bestätigen Sie bzw. stellen Sie sicher, dass es mit GrapesJS und nicht mit CKEditor zusammenhängt, da dies ein erwartetes Verhalten sein könnte (könnte auch gegen HTML5-Spezifikationen verstoßen, da ich keinen Grund sehe, einen inhal...
GJSBlock
Danke, dass du das gemeldet hast, @Abhisheknanda1344463. Danke, dass du deinen Bericht über Ckeditor Enable for Header-Typ geteilt hast. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stellen Sie bereit: Ein minimal re...
Hallo, @artf, ich habe eine benutzerdefinierte Komponente, die eine Button-Eigenschaft hat. Wenn der Button gedrückt wird, füge ich dynamisch ein benutzerdefiniertes Merkmal mit 'comp.addTrait()' hinzu. Wenn ich die gespeicherte Vorlage lade, möchte ich, dass der Container auch die dynamisch hinzugefügten Eigenschafte...
artf
habe ich es zum Laufen gebracht, indem ich ein Count-Attribut auf der Komponente hatte und dann die Trait-Count-Zeiten im Init des Containers hinzugefügt habe. Das ist der richtige Weg. Traits werden absichtlich aus dem JSON übersprungen,...
theSC0RP
@artf, danke für deine Antwort. Das war eine wirklich wertvolle Information.
theSC0RP
Ich habe es zum Laufen gebracht, indem ich ein Count-Attribut auf der Komponente hatte und dann die Trait-Count-Zeiten im Init des Containers hinzugefügt habe.
Hallo @artf Ich versuche, eine Komponenten-Lightbox zu bauen, die derselben wie der Grape Drop ist. Ich kann das Src des Images nicht aktualisieren Könntest du mir bitte dabei helfen. Das ist der Code, den ich bisher geschrieben habe Lightbox-Block Komponente – :
artf
Überprüfen Sie die Bildkomponente
GJSBlock
Danke, dass du das gemeldet hast, @Abhisheknanda1344463. Tolle Frage zu Lightbox Component. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr...
Hallo Liebes: Ich möchte eine Komponente programmatisch als Erste/Ende im Wrapper verschieben, ich denke an etwas wie editor.getWrapper().add(editor.selectedComponent(), {at: 0});, aber das ist das Hinzufügen eines neuen Klons von selectedComponent, Vielleicht mit dem Trigger "Sortier:Drag:End" in der Position?? Kanns...
artf
Wahrscheinlich macht es Sinn, eine neue Methode 'component.move(desComponent, opts)' hinzuzufügen, um einen solchen Fall abzudecken, aber vorerst kannst du das auf folgende Weise erreichen: '''js const selected = editor.getSelected(); sele...
GJSBlock
Danke, dass du das gemeldet hast, @alemenciones. Tolle Frage zu wie man Komponenten bewegt. Der empfohlene Ansatz bei ProseMirror ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr...
Version: 0.16.22 Kannst du den Fehler aus der Demo reproduzieren? Ja Was ist das erwartete Verhalten? Wenn der Benutzer den Vorschau-Button drückt, darf die Symbolleiste nicht anklickbar sein. Beschreibe den Bug detailliert Wenn der Nutzer auf Vorschau drückt (auch auf der Demo-Website), kannst du mit der Maus über di...
artf
Fix bereit für die nächste Veröffentlichung
GJSBlock
Danke, dass du das gemeldet hast, @TouficNouwayhedd. Das Problem mit Im Vorschaumodus wird die Symbolleiste nur versteckt, aber noch anklickbar scheint ein Problem mit der Rennbedingung oder der Zustandsverwaltung zu sein. Dies passiert ty...