Hallo, Ich möchte einen "Bild"-Block zum Editor hinzufügen, in dem wir unterschiedliche Bilder für verschiedene Geräte definieren könnten, das Basis-HTML dafür sieht so aus: Mein Problem ist, dass die IMG-Komponente, wenn sie in den Editor eingefügt wird, nutzbar und beweglich ist, sogar vom Bildelement aus. Dadurch k...
imso077
Hallo, hallo, habt ihr das Problem der responsiven Bilder gelöst? (Wir müssen Bilder ändern, weil sich der Inhalt des Bildes auf kleineren Geräten ändern sollte, sodass der Fokus kleiner ist.)
artf
Lerne, wie man benutzerdefinierte Components erstellt, und schau dir dann alle verfügbaren Eigenschaften der Component an (damit du zum Beispiel sehen kannst, dass das Bild nicht gezogen werden kann)
Verwendest du die neueste Version (ältere Versionen werden NICHT unterstützt)? Ja.Hast du den Bug mit deiner lokalen Kopie von GrapesJS oder mit der aktuellen Demo? Beide.Schritte zur Fortpflanzung:Ziehe eine Komponente und ändere dann ihre Hintergrundfarbe von der EingabeÖffne den Farbwähler sofortDann klicken Sie zu...
longdoan7421
Hallo @artf, Nachdem ich mich beim Colorpicker umgesehen habe, denke ich, dass das Problem ist, dass das Spektrum nicht denselben Wert wie das Modell hat, wenn der Nutzer die Eingabe ändert. Also habe ich versucht, den Wert von Spektrum un...
longdoan7421
Ich habe herausgefunden, dass dieser Bug auch auftritt, wenn man die Eingabe mit einem beliebigen Wert ändert, dann sofort ColorPick öffnet und ihn dann abhebt, indem man außen (nicht auf Canvas) klickt.
Hallo, Der Textblock ändert die Tags beim Neuladen von HTML nach dem Speichern. Im Detail: Sobald du den Textblock einfügst, wird der CKeditor auf dem Div initialisiert, beim Eingabe von Edit wird der CKeditor auf dem P-Tag initialisiert. Das ist der Textblock beim Laden '<div data-gjs-type="default" draggable="true"...
artf
Mit der Nutzung eines benutzerdefinierten RTEs wie CKEditor überlassen wir die gesamte Verantwortung dem Drittanbieter, der den Inhalt verwaltet, daher müssen Sie, wenn Sie etwas ändern möchten, deren Dokumentation prüfen
Version: Neueste: V-0.16.3. Wichtig: Update von v-0.15.9 auf v-0.16.3, während alles gleich bleibt, wird der Fehler in der Konsole angezeigt: Dieser Fehler zeigt, dass es einen Fehler in der Funktion 'getFrameOffset' gibt, nahe der Position: 'e.ownerDocument.defaultView.frameElement': Siehe Diese Codezeile Das Überprü...
emilsedgh
Ich stimme zu, dass dies innerhalb der Zerstörungsfunktion selbst wieder geöffnet und behoben werden muss.
emilsedgh
Danke @artf! 🙏
artf
Danke für den Bericht@wemod123 Kannst du eine reproduzierbare Live-Demo des Problems erstellen?
Hallo, Wenn ich das HTML mit dem zuvor vom Editor gespeicherten Inline-Stil lade, wird der Stil entfernt. Wie kann ich mein Problem lösen?
FedericoPalma92
Danke
artf
'config.avoidInlineStyle' ist standardmäßig 'true', es gibt einige seltene Fälle, in denen es nützlich sein könnte, es zu deaktivieren (z. B. im mjml-Plugin deaktiviert, damit es richtig funktioniert), aber für die gängigen Webseiten empfe...
Pouyamiralayi
@picozzo92 ich glaube, ab v15.08 werden Inline-Stile nicht mehr unterstützt. Prost!
[Frage:] Hallo, ich habe dieses Builder-Plugin in Angular 7 verwendet. Das ist sehr gut strukturiert und erweiterbar. Aber ich habe ein Problem bei der Definition von benutzerdefinierten Komponenten in diesem Plugin. Die Frage ist, wie man Klassen zu benutzerdefiniertem DomComponent hinzufügt. Ich habe eine neue Video...
artf
Kannst du bitte eine Live-Demo mit dem kompletten Code deiner eigenen Komponente erstellen?
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...
Wie löscht man eine Liste mit Geräten? ! Аннотация 2020-03-23 170147
Tee mit Früchten
'''js editor.on('load', () => { Redakteur. Panels.removePanel('devices-c') }) ``` Beim nächsten Mal kannst du versuchen, die Suchfunktion zu benutzen... ;) #875
verloka
'''jseditor.on('load', () => {Redakteur. Panels.removePanel('devices-c')})```Beim nächsten Mal kannst du versuchen, die Suchfunktion zu benutzen... ;)#875 Danke
Tee mit Früchten
Du musst eine benutzerdefinierte Gerätemanager-Konfiguration in deinem Init-Block einstellen. https://grapesjs.com/docs/api/device_manager.html Mit diesem Ausschnitt kannst du die Liste leeren. '''js const editor = grapesjs.init({ deviceMa...
Hallo, wenn ich nur einen Teil eines Textes auswähle, um die Farbe zu ändern, funktioniert das nicht. Es ändert nur die Farbe für den vollständigen Text. Zum Beispiel. Wenn ich "Das ist mein Text" und nur "mein Text" ändern möchte, wähle ich es aus, ändere die Farbe, aber die neue Farbe wird zum vollständigen Text gef...
Qtarant
Hallo, Ich habe diese Aufgabe erstellt, CKEditor zu integrieren, sodass man Schriftart, Schriftart, Größe oder Farbe ändern kann. Das Beste ist, dass du jeden Teil des Textes auswählen und nur diesen speziellen Teil anpassen kannst.
artf
Um das zu tun, was du verlangst, solltest du eine neue Aktion zum eingebauten RTE hinzufügen und den ausgewählten Text in einen Wrapper (z. B. ein "Element") wickeln<span>, und sobald er eingewickelt ist, solltest du den benötigten Stil hi...
Hallo, Ich arbeite an einer Integration meines Lokalisierungssystems (i18n) mit grapes.js. Die Idee ist, ein Datenfeld zu haben, das den i18n-String enthält. '''html <div class="content" data-i18n="common:localize.string"></div> ``` Wenn das Datenattribut gesetzt ist, nimmt grapes.js die Zeichenkette und macht sie in...
artf
@teawithfruit wenn du etwas auf deiner gespeicherten HTML-Seite (außerhalb des GrapesJS-Editors) erwartest, sehe ich nur: '''js script: function() { console.log('Drehbuch fertig!') } ``` Es bewirkt also nichts, wahrscheinlich bist du ein w...
Pouyamiralayi
Hallo @teawithfruit es gibt ein paar Probleme mit deinem Code: 1) du hast keinen Zugriff auf "this" als Modell im Component "script": Component & Js docs 2) Wenn dein Anwendungsfall darin besteht, ein Attribut zu steuern, musst du dafür ke...
Tee mit Früchten
Danke für die sehr hilfreiche Antwort! Das ist mein aktualisierter Block/Komponente. Im Moment habe ich nur noch ein Problem. Die Skriptfunktion, die ich der Komponente hinzugefügt habe, wird auf der gespeicherten HTML-Seite nicht aufgeruf...