GrapesJS-Probleme

3,464 parsed GitHub-Probleme 370 gelöst · 90 ist geöffnet. Suchen, filtern und erkunden Sie bewährte Antworten.

3,464-Probleme gefunden

#2830Jun 14, 2020von BerkeAras3-Antworten
0-Reaktionen

Erstellung responsiver Websites

Hallo, Ist es möglich, responsive Websites zu erstellen? Zum Beispiel: Ein Text sollte auf mobilen Geräten kleiner und auf dem Desktop größer sein. Wie soll ich das tun?

artf

Ja, du musst das Gerät wechseln ! Schermata 2020-06-17 alle 01 42 22

BerkeAras

Aber es macht die Website nicht reaktionsfähig. Ich meine, ist es nicht möglich, Text zum Beispiel auf dem Handy 15px und auf dem Desktop 20px zu machen?

artf

Wenn du in einer anderen Ansicht bearbeitest, werden diese Änderungen nur für das aktuelle Gerät gespeichert

#2829Jun 14, 2020von gpmonch2-Antworten
0-Reaktionen

Das Merkmal "Checked" wird nicht aktualisiert

Beim Aktualisieren einer Komponente des Typkästchens, die die Eigenschaft "angekreuzt" über HTML-Import hat, wird die Eigenschaftseingabe nicht aktualisiert, d. h. in der grapes.js Demo HTML-Option importieren, ein Attribut "geprüft"-Attribut zum Kästchen "Männlich" im Demo-Formular hinzufügen, das Ergebnis ist, dass...

artf

Danke @gpmonch für den Bericht, aber es ist nur ein Problem mit dem Webseiten-Preset, das eine alte Version des Forms-Plugins verwendet. Hier sehen Sie ein funktionierendes Beispiel https://jsfiddle.net/bp5e9zkc/

gpmonch

Danke für die schnelle Antwort!

#2828Jun 12, 2020von kuhelbeher3-Antworten
0-Reaktionen

Problem mit Link und CKEditor

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...

#2827Jun 12, 2020von AndiswamyDev1-Antwort
0-Reaktionen

Konnte man den Text nicht bearbeiten lassen, nachdem ich den Befehl "editor.getSelected().view.disableEditing()" ausgeführt habe? Gibt es einen alternativen Befehl, um bearbeitbaren Text zu werden?

Hallo @artf, Ich arbeite gerade daran, die Link-Eigenschaft anzupassen, also muss ich mitten in meinem Flow den ausgewählten Text so einschränken, dass er uneditierbar wird (um eine exakte Liste der Textkomponenten zu erhalten). Dadurch konnte ich keine weiteren RTE-Aktionen (zum Entlinken) ausführen. Ich habe unsere...

artf

Verwende einfach die Eigenschaft 'editable' (z. B. 'editor.getSelected().set('editable', false)')

#2826Jun 12, 2020von Tonypartridge2-Antworten
1-Reaktionen

Benutzerdefinierte Select-Liste-zu-Text-Komponente?

Hey Leute. Ich habe das schon einmal gesehen, aber jetzt kann ich es beim besten Willen nicht mehr finden. Im Grunde haben wir auf der Textkomponente die oberste Leiste: https://gyazo.com/754513edcebbb0566f18e384d3eba453 Wie können wir hier zum Beispiel eine Auswahlliste einfügen: Name E-Mail Telefon die einfügt: {{NA...

RJCAM

Hallo @tonypartridge hier ist ein Beispielcode, um das zu erreichen Weitere Details finden Sie in der Dokumentation: https://grapesjs.com/docs/api/richtexteditor.html#add

artf

@tonypartridge beziehst du dich wahrscheinlich auf dieses https://github.com/artf/grapesjs/issues/481#issuecomment-342282125

#2825Jun 11, 2020von Leozinho03-Antworten
2-Reaktionen

Wie füge ich die CSS-Datei meiner Klassen hinzu, wenn ich Components benutze?

Ich habe diese Komponente: Redakteur. BlockManager.add('rodape', { Etikett: '3 Colunas', Inhalt: { TagName: 'div', draggable: wahr, Attribute: { Klasse: 'Zeile' }, Stil: { 'Display': 'flex', 'Justify-content': 'Flex-Start', 'Punkte anrichten': 'Dehnen', 'flex-wrap': 'nowrap', 'Padding': '10px', }, Inhalt: 'Lala' } });...

RJCAM

Hallo, @Leozinho0 Du kannst es so machen:

RJCAM

Tatsächlich funktioniert der Code, den ich dir gebe, – um zu verstehen, was ich meine, probiere das hier:Fügt benutzerdefinierte Komponente in die Canvas ein, wie du gesagt hast, wird der CSS-".row"-Stil nicht geladenJetzt einen beliebigen...

Leozinho0

Hallo. Danke für die Antwort. Es funktioniert nicht. Wenn du https://grapesjs.com/demo.html beim Hinzufügen einer Komponente (z. B. 3 Spalten) überprüfst und klickst, um das HTML zu exportieren, siehst du, dass die .row- und .cell-Klassen...

#2824Jun 11, 2020von Tonypartridge3-Antworten
0-Reaktionen

Ziehende Gegenstände positionieren sich beim ersten Ziehen nicht?

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...

#2823Jun 11, 2020von Sameedkhan251-Antwort
0-Reaktionen

Ich habe diese Methode verwendet, um Schriftarten zu laden, funktioniert in Chrome einwandfrei, zeigt aber die Original-Schriftenliste in Safari an

editor.on('load', function () { styleManager = Editor. StyleManager; fontProperty = styleManager.getProperty('Typography', 'font-family'); Var-Liste = []; fontProperty.set('list', list); Liste = [ fontProperty.addOption({value: "'Oswald', sans-serif", Name: 'Oswald'}), fontProperty.addOption({value: "Helvetica Neue,He...

artf

Überprüfe, ob dein Safari keine zwischengespeicherten Inhalte anzeigt, und lade die Schriftart korrekt – das haben wir hier schon besprochen https://github.com/artf/grapesjs/issues/2716

#2822Jun 11, 2020von Lighost2-Antworten
0-Reaktionen

SVG ist im Editor nicht sichtbar

Hallo, Ich musste SVG in mein Projekt einbauen, also habe ich dafür eine benutzerdefinierte Code-Komponente verwendet. Aber wenn ich SVG-Inhalte in Component kopiere, wird nichts angezeigt. Aber wenn ich mir den generierten Index anschaue, ist das SVG sichtbar. Ich habe das Gleiche im Demo-Editor ausprobiert, aber dor...

RJCAM

Hallo @Lighost Ich denke, das Problem liegt bei diesem SVG, weil das das einzige ist, das nicht richtig funktioniert. Dies kann Code enthalten, der vom benutzerdefinierten Block selbst nicht richtig verstanden wird. Eine Lösung ist, das SV...

Lighost

@RJCAM Ja, ich weiß, ich habe das schon gemacht, zum Beispiel SVG als IMG eingefügt. Aber in meinem Fall muss ich es wirklich als SVG-Objekt einfügen – weil ich einige Hover-Effekte mit dem Fill-Attribut machen muss. Jedenfalls ist es irge...

#2821Jun 10, 2020von Tonypartridge2-Antworten
0-Reaktionen

Assets erzwingen, sich zu aktualisieren?

Hallo, Wenn wir das GrapeJS speichern und laden, funktioniert es gut, es remote in JSON 🙌 zu verwalten Allerdings lädt es die bestehenden Assets, ohne neue zu aktualisieren. Was ist der beste Weg, um zu verhindern, dass Assets gespeichert werden oder eine Asset-Aktualisierung erzwungen wird?

artf

Kannst du bitte deinen Code posten?

Keine Antwort[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...

Durchsuchen Sie alle Themen