Hallo. Ich komme aus Brasilien und entschuldige das schlechte Englisch. Wie erstelle ich einen neuen Button mit einem benutzerdefinierten Ereignis in der Symbolleiste relativ zum ausgewählten Element? Igual ao que remove o elemento selecionado.
ShepelE
Ich verstehe manche Wörter nicht, aber wenn du ausgewähltes Element entfernen willst, kannst du SelectionManager verwenden: ! 25 Wenn du einen neuen Button erstellen musst, kannst du hier Guide https://github.com/artf/grapesjs/wiki verwend...
fabianomiranda
Vielen Dank für deine Antwort. Ich möchte beim Auswählen eines Elements einen neuen Button in der Werkzeugleiste erstellen.
Wie wir HTML speichern können, ohne die Funktion editor.getHtml() und replace zu verwenden. Denn wenn wir das im Bildhochladen verwenden, werden die vorhandenen Video-Elemente im HTML entfernt. Bitte helfen Sie uns, Bild- und Videodaten dynamisch mit Backbone oder einer anderen Lösung zu speichern.
ateshuseyin
Du kannst deinen eigenen Speicher erstellen, um ganze Daten im Editor (HTML, CSS, Assets usw.) zu verwalten. Der HTML-Teil enthält nur Links zu Assets (Bild, Video usw.). Wenn du hochgeladene Daten erhalten möchtest, solltest du die Upload...
Deepak813
Hallo @ateshuseyin, Danke für die Nachricht. Ich weiß nicht, wie wir unser eigenes Lager schaffen können. Bitte erläutern Sie, wie das geht, da ich mitten in diesen Aufgaben stecke und nicht weitermachen kann. editor.replace(); Aktualisier...
artf
@Deepak813 dies ein viel diskutiertes Argument ist, suche einfach in den Ausgaben (z. B. #597)
Leute, ich muss nach dem Entfernen der Komponenten des Editors eine Aktion auslösen. Gibt es eine Möglichkeit, das zu tun? Oder muss ich meinen eigenen Auslöser schreiben?
ateshuseyin
Es gibt kein Ereignis, das mit deiner Anforderung zu tun hat. Du kannst den Befehl 'tlb-delete' leicht überschreiben. Ich habe für dich https://codesandbox.io/s/k2yoxjjr95 eine Sandbox erstellt. Wenn du programmatisch entfernte Komponenten...
AH1N1
Genau das habe ich gesucht :) Danke! Ich habe 'nachher' geschrieben, aber ich hätte 'wann' schreiben sollen ;)
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.
Gibt es eine Möglichkeit, bedingte Eigenschaften zu haben? Wenn die aktuelle Komponente ein YouTube-Video ist, dann gibt es einige Merkmale, und wenn das Video nicht von YouTube ist, zeigt es andere Merkmale?
ryandeba
Hallo @krunal039, Die Videokomponente scheint dies bereits bis zu einem gewissen Grad zu tun – siehe hier. Wenn du die Eigenschaften weiter anpassen möchtest, könntest du wahrscheinlich so etwas machen (ungetesteter Code, aber kopiert und...
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.
Technisch gesehen kein Problem, aber ich suche nach einer Möglichkeit, die Funktion "Code Editor" in Click Funnels zu replizieren, wo ein Block einen Editor öffnet. Ich möchte nicht zu kreativ werden, denn ich denke, es gibt eine Möglichkeit, das in Grapesjs zu machen (wahrscheinlich). Wenn nicht, kann ich anfangen, e...
NorthstarTech
https://github.com/ryandeba/grapesjs-html-block. check out this plugin. It helped us to write our own block that provides a similar function but with HTML.
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.
Haben wir die Custom HTML-Typ-in-Video-Traits bekommen, sodass der Benutzer den iFrame-Code eingeben kann und er sich in das HTML einbettet? Alle berühmten Editoren haben diese Funktion, die in der Videokategorie häufig vorkommt. Ist dieses Video mit Eigenschaften im Roadmap. Wir haben diese neue Komponente geschaffen...
ryandeba
Hallo @Deepak813, Das klingt für mich nicht wirklich nach einer Videokomponente, wenn man den Nutzern erlaubt, beliebigen iframe-Code einzugeben, den sie wollen. Wenn die Komponente es erlaubt, benutzerdefinierten "iframe-Code" einzugeben,...
Deepak813
Hallo @ryandeba, Danke für die Nachricht. Das genaue Szenario im Custom HTML-Typ im Video ist sehr einfach. Wenn der Benutzer ein Nicht-iFrame-HTML eingibt, werden die Fehlermeldung genau wie im Vimeo-Video-Typ angezeigt, oder wenn der Ben...
ryandeba
Danke für die zusätzlichen Details @Deepak813 – ich glaube, ich habe jetzt eine bessere Vorstellung davon, was du erreichen willst. Ich wäre trotzdem daran interessiert, ein Beispiel zu sehen, falls du eines zur Verfügung hast. In der Zwis...
Hallo, ich möchte neue Geräte mit sowohl Breite als auch Höhe hinzufügen. Gibt es eine Möglichkeit, das zu machen? Ein weiteres Problem ist, dass wenn ich die Breite des Geräts in Zoll statt in Pixeln angebe, die Rand-Eigenschaft des Editors nicht funktioniert. Bitte hilf mir dabei. Mit freundlichen Grüßen
artf
Hallo @attaalive ich werde in der nächsten Version die Möglichkeit hinzufügen, die Höhe der Geräte einzustellen. Ehrlich gesagt verstehe ich nicht, was du mit 'seine Margin-Eigenschaft des Editors funktioniert nicht' meinst.
attaalive
Hallo, danke für deine Antwort. Ich habe ein Gerät mit Breite und Höhe hinzugefügt. Ich habe die Größe des Geräts in Zoll statt in Pixeln angegeben. Jetzt funktionieren Margin, Polsterung und Positionierung nicht. Bitte sehen Sie sich das...
artf
@attaalive kannst du ein Live-Beispiel geben (z. B. JSFIDDEL)? Dein Screenshot ist unklar darüber, was genau nicht funktioniert
Komponente auf Leinwand ziehenLass die Maus nicht losZurück zum Block-Panel ziehenComponent wird weiterhin auf Leinwand angewendet Stattdessen sollte es aufgehoben werden
artf
'3. Zurück zum Block-Panel ziehen' Ehrlich gesagt, habe ich noch nie eine Art von UX gesehen... warum nicht das klassische 'Esc'? (was schon funktioniert)
Das ist eine sehr verbreitete UX überall, wo man hingeht https://w3c.github.io/html/editing.html#drag-and-dropWie auch immer es implementiert ist, müssen Drag-and-Drop-Operationen einen Ausgangspunkt haben (z. B. wo die Maus angeklickt wur...
Hallo, Ich versuche, das HTML und CSS aus meiner Datenbank zu lesen. Wenn ich versuche, es in den Editor zu laden, wird nichts angezeigt. Ich kann die Daten nur speichern, aber nicht laden. Ist das das richtige Format für die Daten, wenn du sie lädst? Inhaltstyp Vorschau Antwort
DeathStapler
Also, wenn ich Folgendes setze: 'contentTypeJson: true,' was resultiert i: Ich kann jetzt aus der Datenbank laden. Aber jetzt wird nicht gespeichert, weil die Daten als JSON gesendet werden. Wie kann ich die Daten als POST-Variablen senden...
artf
@shareefhiasat ich hier erklären, wie man sie https://github.com/artf/grapesjs/wiki/Storage#store-and-load-templates
duskhacker
@DeathStapler So sieht meine aus: Was mir zuerst auffällt, ist, dass Assets, Komponenten und Styles Arrays sein sollten, man hat leere Strings. Der 'Inhaltstyp' ist korrekt.
Hallo, ich habe das Problem mit folgender Konfiguration gelöst: 'grapesjs.init({ colorPicker: { Anhang zu: 'Elternteil', Versetzt: { oben: 26, links: -166, }, }, })` Vielleicht musst du die obere und linke Position anpassen, weil ich einig...
swarnat
Ich hatte genau dasselbe Problem und dank deines Hinweises auf ColorPicker.js konnte ich es beheben. Wie artf zum Beispiel ist die Positionsberechnung falsch, wenn der Editor mit einem Popup angezeigt wird, wie beim Bootstrap-Modal. Deshal...
artf
Können Sie ein aktuelles Beispiel für das Problem liefern? (jsfiddle, Codepen usw.)