Bei Verwendung von Ionic StencilJS werden die Komponenten mit der neuen Modulunterstützung importiert: Auf '{canvas: scripts: []}' kann ich externe Skripte nur über deren URL laden. Um einen solchen Fall abzudecken, könnten wir Module wie folgt importieren: Das Endergebnis im Inneren der Leinwand wäre: Beachten Sie, d...
artf
Schön, ich mag es, für alle, die eine PR erstellen möchten, finden Sie hier den Code: https://github.com/artf/grapesjs/blob/aee18dcf0602e5d56e7670deb8d4ffbf31c73008/src/canvas/view/CanvasView.js#L140-L161
devtechk
Hallo, kann ich mit deinem Code beginnen, um grapesjs nicht in der HTML-Datei, sondern in einer separaten JS-Datei zu initen? Danke
rywilson28
@artf sieht es so aus, als wäre diese Funktion implementiert worden. Es gibt ein kleines Problem, bei dem der Typ standardmäßig auf 'Text/JavaScript' steht. Für HTML5 sollte es weggelassen werden, sollte aber keine Probleme verursachen, fa...
Anhand des folgenden Codebeispiels... ''' html <Div Style="Height: 100px;"> Etwas Platz oben oder links </div> <div id="gjs"> <p style="Polsterung: 25px"> Hesdllo World!!</p> </div> Das führt dazu, dass keine Möglichkeit besteht, Elemente per Drag-and-Drop-Symbol auf dem Panel zu korrigieren. ! Bild Siehe Geige zur De...
pouyamiralayi
Das ist doch nur für das Drag-Icon, oder? Das manuelle Ziehen ist in Ordnung. Mit dem Drag-Icon setzt es die Position des Elements von oben zurück, wie es scheint.
niisar
das gilt doch nur für das Drag-Icon, oder? Das manuelle Ziehen ist in Ordnung.mit dem Drag-Icon setzt es die Position des Elements von oben zurück, wie es scheint. Ja, das gilt nur für das Drag-Icon.
artf
Ja, das Problem hier ist das unterschiedliche Event-Objekt je nach Kontext. Wenn du den Drag auf die Komponente selbst auslöst, befindet sich das Ereignis im Kontext des iFrames (weil das angeklickte Element im iframe ist), aber die Button...
Schritte zur Reproduktion: Text hinzufügen, ein Wort auswählen, auf das Link-Symbol im RTE-Panel klicken, einen Link auswählen. Erwartetes Verhalten: Wenn ich Link auswähle, erwarte ich, dass die Symbolleiste (mit der Schaltfläche 'Elternteil auswählen') neben dem Abzeichen angezeigt wird. Tatsächliches Verhalten: Wen...
simplecommerce
@Abhisheknanda1344463 Hallo @artf @simplecommerce @devgru Gibt es Neuigkeiten dazu? Gibt es eine Möglichkeit, das manuell zu beheben? Danke Ich bin mir nicht sicher, ob es bei dir funktioniert, aber so habe ich es gemacht, um das zu umgehe...
Abhisheknanda1344463
@simplecommerce Danke, Mann. Es hat funktioniert. Danke
artf
Ich schließe das Problem, da es offenbar behoben ist.
Hallo Ich versuche, eine geordnete Liste mit grapesjszu erstellen. Ich habe versucht, Folgendes zur RTE hinzuzufügen: Und das funktioniert, wenn meine Seite beim Initialisieren des Editors mit HTML vorgefüllt ist, wie unten: Vorgefüllter Editor: ! [1] (https://user-images.githubusercontent.com/9363958/62880720-a92ce78...
thomas1204
Aus den obigen Kommentaren kann ich jetzt eine geordnete und ungeordnete Liste hinzufügen. Gibt es eine Möglichkeit, bestehende, geordnete und ungeordnete Liste zu aktualisieren? @artf @rahuloftheramaneffect
artf
Können Sie bitte eine reproduzierbare Demo erstellen? Dieser Fehler ohne Stack-Trace ist nutzlos(Optional) können wir die Tab-Taste verwenden, um die Listen einzuziehen? Du solltest es auf jeden Fall selbst machen oder dich auf etwas wie C...
rahuloftheramaneffect
Hey! Danke für die schnelle Antwort.Können Sie bitte eine reproduzierbare Demo erstellen? Dieser Fehler ohne Stack-Trace ist nutzlos Hier ist eine Zip-Datei mit einer reduzierten Version meiner Editor-Seite. Demo.zip Es enthält eine Menge...
Hallo. In der Anwendung gibt es einige PNG-Symbole:flex-just-start.pngflex-al-end.pngflex-just-sp-bet.pngflex-dir-col.pngflex-just-sp-ar.pngflex-al-start.pngflex-dir-row.pngflex-just-end.pngflex-just-sp-cent.pngflex-dir-col-rev.pngflex-al-str.pngflex-al-center.pngflex-dir-row-rev.png Ich habe das Gleiche erstellt, abe...
artf
Wow, vielen Dank, @vegadesign sehr geschätzt. Wir verwenden diese tatsächlich nur für die Demo (gh-pages Branch), hier: https://github.com/artf/grapesjs/blob/be39c6baf55f4e644b6bc8bbdd71ead71723dd6b/demo.html#L53-L91 Ich werde versuchen, s...
Hallo! Ich hatte gerade dasselbe Problem: https://github.com/artf/grapesjs/issues/1295#issuecomment-410046832 Während du auf eine dieser Schaltflächen klickst. ! Bild 'this.getPropertiesEl().style.display="none"' Kann den Eigenschafts-'Stil' der undefinierten oder nullen Referenz nicht erhalten Hat es jemand geschafft...
zgeist
Ich habe dasselbe Problem Wie kann ich das beheben?
senchden
Ich kann bestätigen, dass es in Web Page Demo v0.15.8 nicht möglich ist, einen Stil auf ein Element zu setzen. IE11 drucke dies auf die Konsole aus, wenn du versuchst, einen Stil über den Style Manager einzustellen:
Alkotronikk
Bei mir lag das Problem bei ParentNode.children und ich hatte keinen Polyfill.
Wie man Audiokomponenten richtig zum Laufen bringt (auswählbar, editierbar) wie andere Komponenten (Bild).
artf
Gute Frage, das "Audio"-Element ist ziemlich speziell, daher würde es definitiv eine benutzerdefinierte Komponente erfordern, wahrscheinlich basierend auf ComponentVideo (und dessen benutzerdefinierter Ansicht) Natürlich könntest du es sel...
mohd7469
@artf kannst du einen einfachen Ausschnitt geben, der eine normale funktionierende Demo des Audio-Elements zeigt? Ich habe versucht, einen benutzerdefinierten Komponententyp für das Audio-Element zu definieren, aber das scheint nicht zu fu...
Hallo GrapesJs-Team Nachdem ich die grapesjs-Version von 14.0.59 aktualisiert hatte, habe ich bemerkt, dass das Gradient-Plugin nicht mehr funktioniert. Ich habe auch die Gradient-Demo-Seite überprüft und das gleiche Verhalten hier bemerkt https://codepen.io/artf/pen/bYwdQG Vielen Dank im Voraus
ssabrewolf
Hallo, @artf mir ist aufgefallen, dass du das Tag "Hilfe gewünscht" hinzugefügt hast. Ich könnte es versuchen, aber könntest du ein paar Tipps oder Hypothesen geben, was der Grund sein könnte, nicht von Null anzufangen und im Dunkeln zu gr...
artf
@ssabrewolf Ja, ich bin der Autor des Gradient-Plugins, aber ehrlich gesagt habe ich keine Ahnung, was passiert ist – definitiv ein Rückschritt nach einigen Updates im Style Manager Modul. Was ich sagen kann, ist, dass sie mit der Version...
alikabeer32
Es ist absurd, aber ich finde, wenn man 'decoration' statt Decoration eingibt, funktioniert das Plugin! In der Demo und auch in meinem Code.
Ich habe das Verfahren gemacht, um den lokalen Server mit dem 'dev'-Branch zu starten, wie in README beschrieben, es funktionierte auf der Konsole, aber in Chrome scheitert es und die grapesjs laden wegen des folgenden Fehlers nicht ! Bild
artf
Ich habe kurz nachgeschaut und der Grund scheint die neueste Version [email protected] zu sein. Ich habe keine Zeit zu recherchieren, also friere ich einfach die aktuell verwendete Version ein.
artf
Seltsam, das habe ich noch nie gesehen. Es könnte eine Änderung der Entwicklerabhängigkeit in einer kleinen Version sein. Versuche, node_modules mit exakt den Abhängigkeitsversionen neu zu installieren
verdverm
Ich habe Probleme, dem Entwickler-Setup zu folgen: Vielleicht ein Bundler-Problem? Ich kann das 'min' aus 'grapes.min.js' in der 'index.html'-Datei fallen lassen und es funktioniert. Wenn ich jedoch die 'grapes.js'-Ausgabe erstelle, ersche...
Ich möchte eine Option für die CSS-Funktion translate(x,y) anbieten, aber der addProperty-Parameter Function Name akzeptiert nur einen Parameter als Eingabe. Ich habe versucht, translateX() und translateY() zu verwenden, aber sie funktionieren nicht gleichzeitig. Ich wäre dankbar, wenn mir vielleicht jemand eine ander...
adamyarger
@alikabeer32 ich schon einmal auf dasselbe Problem gestoßen bin, muss man den Wert defaults für translateY und translateX festlegen, da die Transform-Eigenschaft in CSS sowohl von translateX als auch von translateY geteilt wird. zum Beispi...