Ich habe einen kleinen GrapesJS-Editor implementiert, der es ermöglicht, Django/Jinja2-Vorlagen zu bearbeiten. GrapesJS versuche standardmäßig, die Bildvorschau meines Elements zu BEKOMMEN: <a href="{{producturl}}" target="blank"><img src="{{imageurl}}" width="130"/></a> Die Anfrage passiert jedes Mal, wenn ich die Vo...
artf
Hallo @mathiasbc mit dem neuesten https://github.com/artf/grapesjs/releases/tag/v0.14.43 Das sollte bei so etwas funktionieren '''js editor.on('component:mount', model => { wenn (model.is('image')) { wenn (model.get('src') == '{{image_url}...
artf
Hallo Mathias, derzeit sehe ich die einzige Möglichkeit, die 'image'-Komponente und deren 'render()'-Methode zu erweitern. Wahrscheinlich werde ich ein neues Komponenten-Event hinzufügen, um so einen Fall leichter zu verwalten
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.
Anscheinend ist das ein gültiges Stück HTML und CSS: '<Div Style="Farbe: Rot; / Höhe 200px; /; Schriftstärke: fett;">' (Daher die kommentierte height-Eigenschaft) Grapesjs hat Schwierigkeiten, mit einem solchen Attribut umzugehen, da das Style-Attribut im Modell wie folgt gespeichert wird: ! screenshot20181113165603 D...
emilsedgh
Okay, ich habe es endlich geschafft, das wieder zu reproduzieren. Wiedereröffnung mit Better Fiddle. Der Code in GJS ist '''html <p stil="/ Farbe: #ffffff; /"></p> <span style="farbe: rot;">Bar</span> Der Fehler ist, dass das '/* color:#ff...
artf
Hallo Emil, ich habe das https://jsfiddle.net/37n5691f/ ausprobiert, aber das Problem nicht gesehen
no-response[bot]
Diese Angelegenheit wurde automatisch geschlossen, da auf unsere Anfrage nach weiteren Informationen vom ursprünglichen Autor keine Antwort erhalten wurde. Mit nur den aktuellen Informationen in der Ausgabe haben wir nicht genug Informatio...
Hallo zusammen, Ich benutze die neueste stabile Version von grapesjs (40) und habe folgenden Fehler im Rich-Text-Editor bemerkt: Wenn der Benutzer einen Rich-Text-Editor per Drag & Drop in die Leinwand zieht, darauf klickt und versucht, ihn per Beispiel (oder eine beliebige Aktion in der Werkzeugleiste wie Löschen, .....
arthuralmeidap
PR: https://github.com/artf/grapesjs/pull/1800
artf
Ja, das passiert wegen dieser Kontrolle, im Bearbeitungsmodus müssen wir bestimmte Aktionen verhindern (z. B. das Klicken auf Canc/Backspace löst denselben Befehl aus). Wahrscheinlich müssen wir irgendeine Art von Kraftoption einbauen
alimajed93
Hallo @artf, Ach so. Können Sie mir bitte einige Beispiele nennen, warum wir diesen Check hinzugefügt haben? Ich meine, welche Probleme hatten wir und wurden durch diesen Scheck gelöst? Danke.
Hallo @artf, Ich habe ein Problem bezüglich Undo Manager und habe überprüft, dass es auch auf deiner Demo-Seite steht. Das Problem ist, dass der Undo-Manager auch das Ereignis zählt, wenn wir außerhalb des Editor-Bereichs darauf klicken. Zum Beispiel auf der Ebene-Taste, der Stil-Taste, der Block-Taste oder einer ande...
Hallo, leider finde ich keine Dokumentation und schaffe es nicht, sie aus dem Code zu verstehen: Ich weiß, dass es einen eingebauten Befehl 'Vollbild' gibt, aber mit meiner Konfiguration (aus dem Tutorial) lädt es nur Canvas im Vollbild, keine Panels. Hier ist mein HTML-Code: Und hier mein Panel-Code: Kann mich jemand...
electrotype
@nativeer ich hatte dasselbe Problem. Mein Workaround ist, 'stopCommand' vor 'runCommand' aufzurufen: Scheint bei mir zu funktionieren.
artf
Guter Punkt, der Standardbefehl Fullscreen aktiviert den Vollbildmodus im Container ('#gjs'), aber bei externen Panels funktioniert das offensichtlich nicht, und deshalb sieht man nur die Leinwand. Ich würde mich sehr über eine PR für eine...
gabjdev
Hallo @artf, Der obige Code hat für den Vollbildmodus funktioniert, aber nachdem ich den Vollbildmodus manuell verlassen habe, funktioniert es nicht mehr. Könntest du den Code posten, um den Vollbildmodus mit demselben Knopf zu verlassen?
Hey @artf, Wie in der folgenden Aufgabe beschrieben, habe ich einen Build des ckeditor 5 erstellt, der mit GrapesJS funktioniert, allerdings verhalten sich einige Funktionen nicht wie erwartet. Die Stichpunkte und Zahlenpunkte werden problemlos erstellt, aber die Option Fett, Kursiv und Link nicht. Gibt es eine Möglic...
FrciSmrci
Hallo @artf, danke für die Antwort. Der benutzerdefinierte Build ist nicht mehr notwendig, da die Korrektur in der neuesten Version lag. Ich benutze die @ckeditor/ckeditor5-editor-Inline-Build-Version. Ich werde mir BountySource anschauen...
FrciSmrci
@Unsigno Der Code sollte ein neues Plugin sein, das im GrapesJS bereitgestellt werden kann, wie grapesjs-plugin-ckeditor, nur dass dieses Plugin ckeditor5 (grapesjs-plugin-ckeditor5) unterstützen sollte. @gabrigcl bereits einen großen Teil...
artf
Hallo @FrciSmrci ich kann nicht sagen, dass das eine meiner Prioritäten ist, aber du kannst tatsächlich prüfen, ob du auf https://www.bountysource.com/teams/grapesjs ein Kopfgeld eröffnen kannst, und schauen, ob es jemand anderes überprüfe...
Ich möchte Tailwind mit GrapesJS verwenden, aber dieses Framework verwendet Utility-First-CSS-Classes, um schnelle Layouts zu erstellen. Das Problem ist, dass es auch 'special' classes verwendet, um Stilvarianten zu definieren, z. B.: 'hover:bg-blue' oder 'md:w-full' usw. Das Problem ist, dass die GrapesJS-Selector-'E...
artf
Ich würde mich über eine PR :)
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.
Hallo @artf, Kannst du bitte angeben, wie man eine Klasse im Undo-Manager hinzufügen oder entfernen kann? Außerdem hat in der Live-Demo beim Ziehen des Countdowns und beim Klicken auf den Rückgängig-Button kein Countdown-Element irgendeinen Einfluss darauf. Vielen Dank im Voraus
takecore
Ich habe dasselbe Problem. Hat jemand eine Lösung gefunden?
artf
Ich schließe diesen Punkt zugunsten der allgemeinen Verbesserung der UndoManager-API-https://github.com/artf/grapesjs/issues/3639
Ich habe den Quellcode per Zip heruntergeladen und 'npm i' ausgeführt, aber ich kann 'npm start' nicht ausführen. So habe ich das Problem gelöst.Es funktioniert, wenn ich package.json Vorher: nach:
artf
Okay, aber '-- -w' ist für die Uhr bei SCSS-Dateien gedacht, mit deiner Änderung denke ich, dass es nicht funktionieren wird. (Ich schätze, du benutzt Windows) Wahrscheinlich sollten wir so etwas machen, um es plattformübergreifend laufen...
Gyanxie
@artf Ja, ich benutze Windows.Ich habe es gerade mit deinem Wechselgeld versucht, aber es funktioniert nicht. ! BildHier ist ein Beispiel, wie es funktioniert. ! BildNPM-Version ! Bild
Gyanxie
@artf Ich habe die 'npm-Liste' durchgeführt, falls es nötig ist. npmList.txt
Ich versuche, eine benutzerdefinierte Komponente zu erstellen, die eine eigene Ansicht mit verschachteltem HTML erstellt. Ich möchte nicht, dass dieses HTML als Komponente gerendert wird, deshalb benutze ich (mit jQuery) view: defaultType.view.extend({ init: function () { $(this.el).html('<div class="container"></div>...
artf
Wenn du Elemente über View hinzufügst, kannst du sie nicht auswählen, nur Models können ausgewählt werden Lies diese Seite https://grapesjs.com/docs/modules/Components.html du auch neue Typen ohne 'isComponent' erstellst.
prestonkscott
@artf ich verstehe, wie man isComponent verwendet. Ich werde fromElement: false verwenden, daher ist es nicht erforderlich, wie ich grapesverwenden möchte. Ich möchte nicht, dass die zur Ansicht hinzugefügten Elemente ausgewählt werden, ic...
artf
Okay, jetzt hab's ich verstanden. Der 'getChildrenContainer' sollte wie erwartet funktionieren, ich versuche einfach, diese 'Pointer-Events'-Sachen zu entfernen und das 'Hover' mehr wie 'auswählen' zu gestalten. Übrigens brauchst du kein j...