Hallo Ist es ähnlich, dass ich https://biorender.com/ Wie der Online-Design-Builder? Kann ich diese Trauben verwenden oder irgendeinen anderen Vorschlag für mich? Ich bin bereit, Biorender zu bauen. Dasselbe, bitte helft mir oder schlagt mir vor.
Ju99ernaut
Ich würde es nicht empfehlen, 'grapesjs' ist hauptsächlich ein Website-Builder-Framework... Meiner Meinung nach brauchst du so etwas wie einen SVG-Editor.
artf
Man kann tatsächlich den absoluten Modus in GrapesJS nutzen, aber es gibt immer noch viel Arbeit, um ihn gut funktionieren zu lassen, wie in deinem Beispiel, und wie bereits vorgeschlagen, konzentriert sich der Editor hauptsächlich auf Web...
Version: 16.0.18 Kannst du den Fehler aus der Demo reproduzieren? [X] Ja [ ] Nein Was ist das erwartete Verhalten? Du solltest eine Komponente nicht in sich selbst ziehen können Beschreibe den Bug detailliert Bei Firefox kannst du eine Komponente in sich selbst ziehen, indem du direkt auf das Element klickst und es da...
artf
Danke für den Bericht @FlowingCloudRTL. Das Problem wird in der nächsten Version behoben
Hallo @artf, Ich arbeite jetzt an der Implementierung von grapesJS in unserer Anwendung. Ich habe die bereitgestellten Unterlagen und einige der gemeldeten Probleme bezüglich des Asset Manager(https://github.com/artf/grapesjs/issues/216) durchgesehen. Ich konnte die Liste der hochgeladenen Bilder im Asset-Manager nich...
artf
'upload : siteURL+'assets/CONTENT/img', ist dieser Bild-Uploadpfad oder eine Funktion, die Bilder hochlädt? Bild-Upload-PfadWenn ich AmazonS3 benutze, kann ich dann die Bearbeitungsoption mit dem CORS-Problem nutzen? Wenn du versuchst, dir...
SintoDema
Hallo @artf, Danke für deine Antwort.Wenn du versuchst, direkt vom Browser auf S3 hochzuladen (ohne dass dein Endpunkt als Proxy ist), kannst du das nicht (deshalb gibt es CORS). Also sende die Datei an deinen Endpunkt und kannst dann von...
artf
Bild-URL stammt vom Amazon S3 https://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html#how-do-i-enable-cors
Hallo. Zunächst einmal, großartige Arbeit mit Trauben. Ich hatte eine Feature-Anfrage, die die Benutzerfreundlichkeit für Nutzer erheblich verbessern könnte. Während grapesjs erlaubt, Komponenten wie diese zu kategorisieren: ! Screenshot vom 21.07.2020, 26.13.55. Es wäre großartig, wenn es Unterstützung gäbe, Komponen...
artf
Hallo, @tvvignesh das ergibt auf jeden Fall Sinn, aber wie du weißt, sind UI-bezogene Dinge sehr umstritten, daher erfordert es viel Code, um es möglichst anpassbar zu machen. Bisher habe ich aufgehört, UI-Elemente im Kern hinzuzufügen, un...
tvvignesh
@artf Danke für deine Rückmeldungen dazu. Ich werde versuchen, es mit der Blocks API zu implementieren. Nur eine Frage. Da ich gerne Blöcke an der Stelle hinzufügen möchte, an der sich der Cursor befindet, indem ich nach dem Block suche, w...
Derzeit wird die Anzahl der Änderungen unabhängig von Rückgängig machen und Neumachen nur erhöht. Ich frage mich, ob es eine Anwendung gibt, in der der tatsächliche Wert verwendet wird, oder ob es sich nur um einen booleschen Indikator für Änderungen handelt. Wenn es nur als Boolean verwendet wird, wäre es möglich, st...
mcottret
Hallo @neon12345! Soweit ich weiß, wird 'changesCount' auch zusammen mit 'stepsBeforeSave' verwendet, um das Speichern auszulösen, wenn 'Autosave' aktiviert ist. (vgl.: https://grapesjs.com/docs/modules/Storage.html#store-and-load-template...
neon12345
Okay. Das bedeutet aber, dass Rückgängigmachen und Erneuten immer das automatische Speichern auslösen, was nicht optimal ist.
artf
getDirtyCount gibt die Anzahl der Änderungen zurück, daher wird es nicht als Boolean verwendet. Wenn du eine bessere Lösung hast, um Änderungen rückgängig zu machen oder neu zu machen, ist die PR willkommen
Ich habe ein Problem mit einer benutzerdefinierten Einrichtung, bei der das Canvas-iframe mit JS verschoben wird. Der Aufruf "editor.refresh()" fixiert die Positionierung der Werkzeuge nach dem Move nicht. Ich denke, das Problem liegt daran, dass der Offset-Cache beim Aktualisieren nicht gelöscht wurde. Wenn ich das v...
artf
@nedim1511 können Sie bitte eine reproduzierbare Demo bereitstellen?
neon12345
https://jsfiddle.net/3gqh6p5a/ Click select the "Hello World" and drag the vertical splitter to the left to resize the split window. The "editor.refresh()" called on dragEnd should align the tools but it does not seem to work. It is more o...
artf
In meiner lokalen Version funktioniert dein Beispiel korrekt, daher wird es wahrscheinlich in der nächsten Version behoben sein.
Ich möchte wissen, ob es eine Möglichkeit gibt, GrapesJS im WYSIWYG-Editor zu verwenden. Wir haben ein CMS, um Artikelinhalte zu schreiben, aber wir brauchen die größenverstellbaren Layout-/Container-Module wie in GrapesJS. Wie nutzen wir GrapesJS für unsere Bedürfnisse?
artf
Das hängt vom WYSIWYG-Editor ab, den du verwendest
Wir können den Fehler aus der Demo reproduzieren. Aktuelles Verhalten: ! Chrome-Capture Erwartetes Verhalten: Wir sollten Komponenten im Vorschaumodus nicht ziehen oder verschieben können.
artf
Das wird in der nächsten Version behoben. Für den Moment kannst du es selbst patchen, auf folgende Weise: '''js const preventDrag = (opts) => opts.abort = 1; editor.on('run:core:preview', () => { editor.on('run:tlb-move:before', preventDra...
Hallo, großartiger Lektor! Es wäre sehr praktisch, wenn es ein Beispiel-PHP-Upload-Skript gäbe, um Bilder auf einen PHP-Webserver hochzuladen. Es könnte ein einfaches Formular mit der richtigen Konfiguration sein, die in der Dokumentation erklärt wird. Für Anfänger ist es ziemlich schwierig herauszufinden, wie man das...
Version: 0.16.12 Kannst du den Fehler aus der Demo reproduzieren? [ ] Ja [x ] Nein Was ist das erwartete Verhalten? Zurücksetzen des Fensterinhalts der aktuellen Frameansicht Beschreibe den Bug detailliert Ich möchte eine Komponente implementieren, die dem Benutzer hilft, bestimmte Aktionen auszuführen, indem ein Erei...
artf
Du kannst das innere Canvas-Fenster auf diese Weise 'editor' aufrufen. Canvas.getWindow()'