Hallo. Diese Frage wurde bereits zweimal gestellt (hier und hier), aber es gab nie eine Antwort. Gibt es eine Möglichkeit, '<!DOCTYPE html>' als Anfang des Canvas-iFrames hinzuzufügen, sodass der iframe im Standardmodus ist? Ich brauche das, da ich versuche, tinyMce als benutzerdefinierten RTE zu verwenden, und tinyMc...
artf
In der nächsten Version werde ich einen neuen Event-Helfer hinzufügen, der es ermöglicht, iframe-Inhalte vor dem Laden zu bearbeiten: '''js editor.on('frame:load:before', ({ el }) => { const doc = el.contentDocument; doc.open(); doc.write(...
bgrand-ch
Hallo, Für zukünftige Fragen oder technische Probleme, die keine Bugs sind, ist der Tab Diskussionen auf GitHub der richtige Ort. Vergesst nicht, dieses Problem zu schließen, falls es gelöst ist, oder eine neue detaillierte Nachricht in di...
artf
Nicht wirklich, aber ich bin offen für Lösungen, wie man es anpassbar machen kann.
Ich baue eine benutzerdefinierte 'Textbereich'-Komponente und möchte, dass sie sich wie die eingebaute 'Text'-Komponente verhält, sodass das Bearbeiten des Textknotens auf der Grapesjs-Leinwand den 'Textknoten' aus '.components' aktualisiert. Und ich möchte, dass die Komponente korrekt als HTML exportiert wird, z. B....
artf
Hallo @abulka, da die Bearbeitung in der Ansicht stattfindet, solltest du das Komponentenmodell aktualisieren, sobald die Ansicht aktualisiert ist. Also sollte es bei so etwas funktionieren '''js model: { ... }, Ansicht: { Ereignisse: { Ei...
GJSBlock
Danke, dass du das gemeldet hast, @abulka. Das Problem mit Wie kann man Textnode-Bearbeitungen dazu bringen, Komponenteninhalte zu aktualisieren? scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies passiert typi...
Hey @artf, ich nehme JavaScript-Eingaben vom Nutzer entgegen. Ich muss dieses JavaScript in das Vorlagen-HTML einfügen, aber es wird bereinigt. Gibt es eine Möglichkeit, die Desinfektion auszuschalten? (Ich habe kein Problem mit den von dir in #3245 genannten Problemen) oder kannst du im Editor eine Eigenschaft wie 'a...
theSC0RP
Ich habe versucht, das Skript zum iframe hinzuzufügen, in dem die Leinwand rendert, indem ich am <script>Ende des iframe-Körpers ein "Tag" hinzugefügt habe. Das funktioniert bis zu einem gewissen Grad. Das Problem dabei ist, dass ich, wenn...
artf
Können Sie bitte eine reproduzierbare Demo Ihres Problems bereitstellen?
theSC0RP
Danke für die Antwort @artf. Ich habe beim Aktualisieren des iFrames einen Fehler gemacht, also ist mein Problem jetzt gelöst! Nur noch eine Frage: Gibt es eine eingebaute Methode, um den iframe aufzufrischen?
Ich schreibe HTML-Strings als Blöcke und muss viele externe Skripte und Stile einführen, aber ich habe alle Methoden ausprobiert. Wenn ich den Block auf die Leinwand ziehe, wirkt das Skript nicht, aber Styles können geladen werden, ich hoffe auf Hilfe.Laden nach appendchild ! Bildinit Laden von Canvas:{scripts:[...]}...
harsh201
@sizhousama lade ich Skripte/Stylesheets über Canvas, während ich den Grapesjs-Editor initialisiere, und es funktioniert für mich. '' js Leinwand: { Drehbücher: ['https://unpkg.com/abc.js'], Stile: ['https://unpkg.com/abc/dist/css/abc.min....
Sizhousama
Die Konsole zeigt als geladen an ! Bild
GJSBlock
Danke, dass du das gemeldet hast, @sizhousama. Tolle Frage zu [Frage]: Wie man externes JavaScript lädt, ich habe alle Methoden ausprobiert, nutzlos. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang...
Ich spiele mit GrapesJS und versuche, es in ein Symfony-5-Projekt zu integrieren. Insbesondere möchte ich in der Lage sein, Vorlagen im Editor basierend auf Bootstrap 4 und anderen Komponenten wie FontAwesome Pro sowie benutzerdefinierte Blöcke darauf zu bearbeiten. Ich nutze das Webpack-Encore-Bundle von Symfony, um...
Ianef
Das ist wirklich schade. Ich habe nichts davon gesagt, von einer anderen Seite abzurufen, ich wollte es mit dem Rest des Projekts konsistent halten. Na gut, ich werde weiter woanders nach einem Editor suchen, der besser mit der aktuellen E...
artf
Hallo Ian, wenn du HTML-Inhalte von einer URL laden musst, kann ich nur empfehlen, sie serverseitig abzurufen und den Editor mit diesem Inhalt zu initialisieren (das Laden externer Ressourcen im Browser würde größtenteils das Cross-Origin-...
GJSBlock
Danke, dass du das gemeldet hast, @ianef. Toller Vorschlag zu FEAT: Erstelle die Leinwand aus einer URL! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, ähnliches Verhalten zu err...
Version: '0.15.10' Diese Frage soll überprüfen, ob es eine richtige Möglichkeit gibt, die aktuelle https://github.com/artf/grapesjs/blob/master/src/canvas/view/CanvasView.js mit einem benutzerdefinierten Plugin zu erweitern. Wir haben speziell die 'render()'-Methode in dieser Datei überprüft, um das HTML leicht zu ver...
artf
Hallo @jenter, gute Frage. Leider habe ich mich nie so sehr auf die Möglichkeit einer Canvas-Erweiterung oder deren UI-Elemente konzentriert, also gibt es definitiv keinen richtigen Weg, das zu tun. Wenn jemand bereit ist, Lösungen vorzusc...
jenter
@artf werde ich einige Vorschläge und Gedanken durchgehen und sie diesem Thread hinzufügen.
Beim Klicken zum Hochladen funktioniert die Seitenvorschau einwandfrei, aber wenn ich auf diese Videovorschau klicke, erscheint ein Fehler und alle anderen Bilder funktionieren nicht mehr. Ich muss das Video im Canvas-Body anzeigen, wie die Bilder gezeigt werden. ! gif Das ist es, was ich tue ! Bild ! Bild Hier sehen...
MOHD7469
@artf können Sie mir bitte sagen, wie ich Videodateien hochladen und vorschauen kann, anstatt Bilder?
ZeroCoolHacker
@awais786327 habe ich auch Schwierigkeiten, verschiedene Assets hochzuladen. Vielleicht kann das helfen. https://grapesjs.com/docs/modules/Assets.html#uploading-assets
ZeroCoolHacker
@awais786327 Ich habe mir die Seite angesehen und es sieht so aus, als müsste man 'autoplay="true"' in den Videotag einfügen, damit es abgespielt wird
WARNUNG Ich habe die Leinwandgröße geändert und eine Komponente aus dem Blockpanel entfernt. Das Ergebnis ist, dass die Kompositionsposition falsch ist. Übrigens ist der Editor im Modus 'Absolut/Designer'. Ich habe den Quellcode des Drop-Teils gelesen. Ich habe festgestellt, dass die Stand-Position des Drag-Start-Best...
xinyufyj
@artf Okay, ich gebe einen Screenshot zur Erklärung. Entschuldigung für mein schlechtes Englisch. ! Bild ! Bild ! Bild ! Bild
artf
Können Sie eine Live-Demo des Problems bereitstellen?
artf
Ich schließe dieses Problem, da ich plane, alle Fragen im Zusammenhang mit absoluter Positionierung hier zu lösen: https://github.com/artf/grapesjs/issues/3770
Wenn ich im Canvas doppelklicke auf einen Text, um den RichTextEditor in IE11 zu öffnen, wird mir eine Fehlermeldung angezeigt und es öffnet sich nicht. In allen anderen Browsern funktioniert es. Beigefügt ist ein Video im PPTX und dem Code: Presentation2.pptx richTextEditor.add('insertHtml', { Symbol: '<select class=...
FQ-Selbach
Ich bin überrascht, dass man es überhaupt in IE11 öffnen konnte, da es so viel ES6-Code und umfangreiche Template-Nutzung gibt, die von IE11 überhaupt nicht unterstützt wird. Ich würde empfehlen, IE11 loszuwerden oder zumindest deine Vorla...
Hallo zusammen, Ich frage mich, wie man die Website mit eigenen Komponenten, die vom Editor entworfen wurden, ins Frontend rendern kann? Ich kann in der Dokumentation keine Informationen dazu finden. Ich habe verschiedene Methoden ausprobiert:Direkt HTML und CSS aus dem Editor laden (Es funktioniert nicht, da es keine...
artf
Ich würde empfehlen, diesen Teil https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates