'grapesjs-custom-code' funktioniert problemlos mit dem 'script'-Tag bis GrapesJS 0.16.27, nach dieser Version wird kein 'script'-Inhalt mehr ausgeführt. ✔️ Editor init()-Option: 'allowScripts: 1' ✔️ Plugin-Import: https://github.com/artf/grapesjs-custom-code/issues/11#issuecomment-724512902 Hängt das mit https://githu...
nithinpillalamarri123
Hallo, vielen Dank für deine Wiederholung... Ja, genau, nachdem du es wiederholt hast, habe ich es mit 0.16.27 versucht. Das Custom Blocks-Skript funktioniert wie erwartet, aber in den höheren Versionen als 0.16.27, während das Drag-and-Dr...
artf
Hallo @bgrand-ch, du sprichst wahrscheinlich von einem behobenen Bug 😂 Hauptgründe, warum man kein zufälliges Skript von einem Benutzer ausführen lassen sollte:Selbst-XSSWir können das Skript nicht steuern, wenn wir es im Editor ausführen...
GJSBlock
Danke, dass du das gemeldet hast, @bgrand-ch. Toller Vorschlag zu grapesjs-custom-code wird nicht <script> ab GrapesJS 0.16.30 und höher ausgeführt! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehre...
Bitte, kann mir jemand helfen, aus diesem Problem herauszukommen editor.setComponents(html-Text ); Das Skript funktioniert nach dem Laden aus dem gespeicherten Template-HTML nicht wie erwartet während Drag & Drop funktioniert, funktioniert...
artf
Du kannst den generierten HTML-Code nicht zurück in den Editor laden, lies die Dokumentation, wie man Vorlagen richtig speichert und lädt https://grapesjs.com/docs/modules/Storage.html
GJSBlock
Danke, dass du das gemeldet hast, @nithinpillalamarri123. Danke, dass du deinen Bericht über grapes js Version v0.16.34 geteilt hast, die unerwarteten Skriptcode nach dem Laden gespeicherten HTML liefert. Um dem Team bei der Untersuchung u...
Version: 0.16.27 bis Neueste Kannst du den Fehler aus der Demo reproduzieren? Ja [X] Ja [ ] Nein Was ist das erwartete Verhalten? Textblock in einen anderen Textblock einfügen Beschreibe den Bug detailliert Beim Hinzufügen eines neuen Blocks oder sogar beim Erstellen eines neuen benutzerdefinierten Typs funktioniert d...
artf
Duplikat von #2771
GJSBlock
Danke, dass du das gemeldet hast, @hanna404. Das Problem mit Textable-Attribut, das nicht funktioniert und Ausnahmen verursacht, scheint ein Renn-Condition- oder State-Management-Timing-Problem zu sein. Dies passiert typischerweise, wenn s...
Version: 0.16.34 Was ist das erwartete Verhalten? Wenn der Editor initialisiert wird, wird kein Element ausgewählt, daher sollte der Style-Manager "Element auswählen, bevor man den Style Manager verwendet", so wie es der Fall ist, wenn man "appendTo" nicht in der Editor-Konfiguration verwendet. Wie ist das aktuelle Ve...
Mosh-Tudor
Ich habe diesen Code verwendet, um es zu lösen: '''js const showStylesSector = editor => { const stylesButton = Editor. Panels.getButton('panel-sidebar-header', 'show-styles'); const layersButton = Editor. Panels.getButton('panel-sidebar-h...
Nielsticot
Das ist nicht das, was ich will, mein Problem ist, bevor ein Element ausgewählt wird, also vor dem Ereignis wird "component:selected" getrigert. Ich habe es vorübergehend behoben, indem ich beim Editor-Laden ein Element ausgewählt habe, ab...
artf
Wenn du den StyleManager in einem benutzerdefinierten Element verwendest, musst du diesen Zustand selbst verwalten. '''html <div class="sm-wrapper"> <div id="styles"></div><!-- hier fügst du den Style-Manager an --> <div class="sm-empty-st...
Wir haben einen Anwendungsfall, bei dem wir Diagramme dynamisch mit Highcharts Editor einfügen möchten. Ich habe eine Komponente erstellt, die per Drag & Drop ein modalbasiertes Element öffnet und basierend auf der Auswahl des Nutzers ein SVG-Bild zurückgibt. Ich frage mich, wie ich es dem Körper des Modells hinzufüge...
artf
In diesem Fall brauchst du keine Komponenten mit JS (in deinem finalen Code führst du kein JS aus), das reicht dir ungefähr so: '''js domc.addType('charts-component', { Ansicht: { Ereignisse: { dblclick: 'onActive', // um das Modal beim Do...
harsh201
Entschuldigung für den Spam. Ich konnte kein Usecase-Video von meinem Arbeitslaptop hochladen. https://user-images.githubusercontent.com/2502711/106098322-d39c7b80-615e-11eb-8569-cf76ffc7fcc7.mov
harsh201
@artf Jede Hilfe hier wäre willkommen. Ich habe die Unterlagen noch einmal durchgesehen, aber nichts fällt auf, was ich vielleicht übersehen habe.
Ich schreibe HTML-Strings als Blöcke und muss viele externe Skripte und Stile einführen, aber ich habe alle Methoden ausprobiert. Wenn ich den Block auf die Leinwand ziehe, wirkt das Skript nicht, aber Styles können geladen werden, ich hoffe auf Hilfe.Laden nach appendchild ! Bildinit Laden von Canvas:{scripts:[...]}...
harsh201
@sizhousama lade ich Skripte/Stylesheets über Canvas, während ich den Grapesjs-Editor initialisiere, und es funktioniert für mich. '' js Leinwand: { Drehbücher: ['https://unpkg.com/abc.js'], Stile: ['https://unpkg.com/abc/dist/css/abc.min....
Sizhousama
Die Konsole zeigt als geladen an ! Bild
GJSBlock
Danke, dass du das gemeldet hast, @sizhousama. Tolle Frage zu [Frage]: Wie man externes JavaScript lädt, ich habe alle Methoden ausprobiert, nutzlos. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang...
Hallo @artf Ich habe auf diese Weise Trait für den Wrapper hinzugefügt. Wie kann ich die Init-Funktion für dasselbe ausführen? Hier ist der Code '''js editor.getWrapper().set('traits', [ { changeProp: 1, Name: 'ABC', Label: 'ABC', tippen: 'Checkbox', changeProp: 1 }, ], ) ``` @artf Könntest du mir bitte helfen? Danke.
artf
Du kannst diese Option aus Components auf Init https://github.com/artf/grapesjs/blob/69e5ab2c1176e6fdeac1b058398cca55efe92df3/src/dom_components/config/config.js#L9 PS: Hör bitte auf, andere mit deinen Problemen zu nerven, sonst muss ich d...
Abhisheknanda1344463
Tut mir leid@artf ich werde das im Hinterkopf behalten. Danke
Also habe ich dieses Problem... Ich habe ein 'Text'-Feld, das auf volle Breite eingestellt ist, aber einen Kurzcode zentriert. Dann erstelle eine PDF- und HTML-Seite davon und erwarte, dass der Name ebenfalls zentral ist. Da die Namensgrößen variieren können, habe ich gerade festgestellt, dass bei absoluter Positionie...
GJSBlock
Danke, dass du das gemeldet hast, @tonypartridge. Tolle Frage zum Absolute-Modus und dynamischen Tags nicht korrekt positioniert.... Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen S...
Hallo @artf Gibt es eine Standardmethode, um bei jeder Komponente eine neue Symbolleiste hinzuzufügen? Ich habe es auf diese Weise versucht '''js Redakteur. Components.getTypes().map(type => { Redakteur. Components.addType(type.id, { model: { Standardwerte: { Werkzeugleiste, Eigenschaften:[ ... Redakteur. Components.g...
artf
Folge der Issue-Vorlage (Version, Live-Demo usw.).
GJSBlock
Danke, dass du das gemeldet hast, @Abhisheknanda1344463. Tolle Frage zu Toolbar auf jeder Komponente setzen. Der empfohlene Ansatz bei Components ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokume...
Hallo, ich habe folgendes Problem: Ich brauche einen Event-Typ-editor.on ("Sortierer: Drag: End"), der in all diesen Fällen geworfen wird: (erkennen, welches Element und wo ich es abwerfe) 1 – Lass es hören, wenn du ein Element aus dem BlockManager per Drag & Drop auf die Leinwand legst. 2 – Lass es hören, wenn du ein...
bgrand-ch
Hallo, Für zukünftige Fragen oder technische Probleme, die keine Bugs sind, ist der Tab Diskussionen auf GitHub der richtige Ort. Vergesst nicht, dieses Problem zu schließen, falls es gelöst ist, oder eine neue detaillierte Nachricht in di...
GJSBlock
Danke, dass du das gemeldet hast, @matiasmasciotta. Tolle Frage zu DRAG & DROP KOMPONENTEN:. Der empfohlene Ansatz bei ProseMirror ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr...