Hallo, zunächst einmal danke ich für ein großartiges Tool. Bei meinem Projekt habe ich das Problem, dass ich Skripte im Editor deaktivieren muss. Ich habe zwei ähnliche Probleme mit diesem Problem gefunden – https://github.com/artf/grapesjs/issues/2046 https://github.com/artf/grapesjs/issues/2814. Das Problem ist also...
RJCAM
Hallo @kuhelbeher ich versuche das auch noch zu erreichen, aber hier ist ein Tipp, der uns dabei helfen kann. Ich poste es hier, wenn ich einen Weg finde. Siehe diese Ausgabe #2772
kuhelbeher
@RJCAM danke für den Tipp, ich habe das ausprobiert, aber das Problem bei diesem Ansatz ist, dass Skript für Komponente deaktiviert wird, nicht die gesamte Vorlage.
artf
Sobald der Editor und seine Komponenten geladen sind, ist es schwer, an JS zu denken, sondern an eine Komponente mit benutzerdefinierten Skripten, die Ereignisse rund um das DOM bindet (vielleicht sogar mit einem externen Plugin). Die einz...
Die Ausgabe von "JSON.stringify(editor.getComponents())" zeigt, dass der src eines Bildes zweimal gespeichert wird. { "type": "image", "Leer": wahr, "Status": "ausgewählt", "Inhalt": "", "Attribute": { "id": "iy3c7", "src": "data:image/png; base64,..." <--- 1. }, "src": "data:image/png; base64,...", <--- 2. "activeOnR...
artf
@longdoan7421 Ich denke, wir können es in der 'toJSON'-Methode löschen, wenn das 'src' gleich 'attribute.src' ist und sicherstellen, dass es beim Laden korrekt wieder geladen wird.
longdoan7421
Hallo @artf, Ich habe gerade kurz durch 'ComponentImage' geschaut. Ich denke, es ist möglich, die Eigenschaft 'src' im Image Model zu entfernen und den Code, der 'src' verwendet, in 'ComponentImage' und 'ComponentImageView' durch das 'attr...
Schritte:Offene Newsletter-Demo bei https://grapesjs.com/demo-newsletter-editor.htmldie Leinwand reinigen"Textabschnitt" weglassenWählen Sie ein beliebiges Wort in H1 aus, z. B. das Wort "Titel"Druck Fett Modifikator ein- oder zweimal Erwartet:Ausgewählter Text wurde nicht fett gedruckt Tatsächlich:Der Text bleibt fet...
robsonsobral
Das sieht für mich nach einem logischen Fehler aus. "<Hn>Elemente sind nicht fett, sondern Titel. Wie du erwähnt hast, weiß selbst das browsereigene 'execCommand', das im eingebauten Editor verwendet wird, nicht, was zu tun ist. @feduloviv...
Fedulovivan
Hallo, @robsonsobral Ein HTML, erzeugt durch integriertes RTE, ist korrekt: Original: '<h1>Hier den Titel einfügen</h1>' Nachdem du das Wort "Titel" nicht fett gemacht hast: '<h1>Einfügen <span-Stil="Schrift-Gewicht: normal">Titel</span> h...
robsonsobral
Ich gräbe mich ein wenig in das Ganze ein. Nach dem Unschärfeereignis ändert sich das Markup von '<span style="font-weight: normal">title</span>' zu '<span data-gjs-type="default"><span data-gjs-type="text">title </span></span>'. Wenn ich...
BeschreibungIn unserem Projekt verwenden wir für Images-Assets eine URL statt base64-Code.Erwartetes Verhalten Wenn ein Hintergrundbild auf eine Steuerung gesetzt wird, muss die CSS dieser Steuerung aktualisiert werden.Das CSS muss auf der Leinwand und im Stilpanel reflektiert werden.Was passiert stattdessen? Wenn das...
meyerco
Hallo @artf, #2975 Hier ist eine PR, um das Problem zu beheben. Bitte informiere mich, falls es gut genug ist. Danke
artf
Danke für den Bericht, ich würde mich über eine PR für dieses Problem freuen.
meyerco
Kannst du mich auf eine Datei verweisen, in der Hintergrundbild gesetzt ist?
Es gibt ein Problem mit Link und CKEditor. Ich habe die editierbare Eigenschaft für <a> Tags aktiviert: '''javascript CKEDITOR.dtd.$editable.a = 1; ``` Und wenn ich auf den Link doppelklicke, ist er bearbeitbar, alles funktioniert wie vorgesehen. Aber wenn ich mit dem Bearbeiten fertig bin und es erneut versuche, kann...
artf
Bitte erstellen Sie eine reproduzierbare Demo
kuhelbeher
@artf Hier ist es: https://codesandbox.io/s/link-ckeditor-8md7v?file=/src/index.js
artf
Ich sehe, dass das contenteditable weiterhin 'falsch' bleibt, was der Grund für den Bug ist, aber ich bin mir nicht sicher, was die Ursache ist. Es könnte auch der CKEditor sein, der aus irgendeinem Grund die Ausbreitung verhindert. Wenn j...
Wenn ich also ein Bauteil oder Gegenstand von der Leiste in die Mitte ziehe, geht es nicht dorthin, wo ich es hingewiesen habe... Es wird immer etwa 20 % Seitenbreite auf eine Seite gelegt? Einmal hinzugefügt, ist es einstellbar. Sieh dir dieses GIF an: https://gyazo.com/87076de55a1853e80b5dd7ea14ccb94e Hat jemand Vor...
RJCAM
Hallo @tonypartridge Hast du die letzte GrapesJS-Version? Das funktioniert bei mir mit dem 'dragMode: "absolute" einwandfrei. Sehen Sie sich unten diesen grundlegenden Code an:
artf
Ja... Ich kann das gleiche Problem tatsächlich reproduzieren, wenn eine kleinere Geräteansicht aktiviert ist, wahrscheinlich eine Art Rückschritt. Ich brauche Zeit, um nachzuforschen, aber im Moment bin ich mit anderen Dingen beschäftigt u...
Soltanloo
Ich habe dasselbe Problem, wenn ich den absoluten Drag-Modus benutze. Blöcke fallen immer aus der Leinwand, und ich muss scrollen, um sie zu greifen und wieder an die ursprünglich gewünschte Position zu legen. @tonypartridge Hast du einen...
Hallo, Ich habe ein Problem mit dem Mobile-First-Ansatz. Die Leinwand rendert den falschen Stil, wenn verschiedene Stile an mehreren Bruchpunkten gesetzt werden. Aber der generierte Code ist gut, dieses Problem tritt nur im Canvas auf. https://codesandbox.io/s/xenodochial-shockley-s02lp?file=/index.js:496-524 '''js CO...
artf
Wir sollten dieselbe Logik aus https://github.com/artf/grapesjs/blob/201e1f9a61783080f7be885e9e0be9a40ecc16cc/src/codemanager/model/CssGenerator.js#L151-L162 Hier https://github.com/artf/grapesjs/blob/201e1f9a61783080f7be885e9e0be9a40ecc16...
Hallo, Ich habe gerade auf die letzte Version 0.16.12 aktualisiert und habe einen Fehler, wenn ich versuche, eine Komponente mit der Eigenschaft 'textable:1' in eine Textkomponente zu verschieben. Es funktioniert auf der vorherigen Version 0.16.3. Wenn ich die Komponente verwege, bekomme ich einen Fehler in der Konsol...
artf
Ich gebe hier ein funktionierendes Beispiel für eine textfähige Komponente https://jsfiddle.net/artur_arseniev/0b9ox72g/
0099FF
Es sieht so aus, als wäre er in 9c24108dadf2ded39e8805b6c4a5f00c626c468b eingeführt worden. Wie von @antman3351 angemerkt, ist der Anruf 'model.getView().render();' der Störer. Etwas weiter unten im Aufrufstapel versuchen wir, die Attribut...
Bogdanbs
Meine 2 CT dazu. Das Problem liegt darin, asynchronen und synchronen Code zu mischen. Die Aktivierung der rte: enable(view, rte) sowie der ComponentTextView.onActive und ComponentTextView.disableEditing sind seit der Korrektur für Problem...
Hey @artf, Frage: Sollten die Kernbefehle ausgelöst werden, wenn die KeyMap aktiviert wird? Die Situation: Ich habe Folgendes hinzugefügt, Hörer: Wenn ich eine Komponente mit dem Lösch-Symbol lösche, ruft sie meinen Listener auf, aber wenn ich die 'Delete'-Taste drücke, wird der Listener nicht ausgelöst... Mache ich h...
artf
Ja, du hast recht, der Befehlshandler wird hier direkt ausgeführt https://github.com/artf/grapesjs/blob/fbfa812eaaeeb467337107896ee6decfbfbc028e/src/keymaps/index.js#L154 es sollte durch 'Commands.run(id, opts)' https://github.com/artf/gra...
Der Standard-StyleManager-Eigenschafts-"Slider" funktioniert nicht mit einem nicht-ganzzahligen Schrittwert. GrapesJS-Version: 0.16.1 In vielen Fällen ist es bequem, einen Schieber mit einem nicht-ganzzahligen Schrittwert zu verwenden: ! GrapesJS Offenbar unterstützt Grapesjs nur ganzzahlige Werte und rundet nicht-gan...
Adamwpe
Ah, du meinst die Pfeile – sorry, dachte, du meinst allgemein, dass der Schieberegler nicht funktioniert. ! Bild Das ist mir nie aufgefallen – benutze immer den Schieberegler und ziehe die Maus über die Pfeile. Ich werde mir die Aussicht a...
Adamwpe
Seltsamerweise funktioniert das für mich (ich weiß, dass ich den Sektor gleichzeitig erschaffe): Kannst du eine Demo machen?
jsychova
Ja, natürlich. Ich habe mit deinem Ausschnitt ein Beispiel erstellt, aber es scheint nicht mit mir arbeiten zu wollen. https://codepen.io/sjul66/pen/VwvMwNY Danke!