Hallo. Ich brauche das Auslösen dieses Ereignisses in dieser Situation: Ich habe einige Elemente aus der Leinwand, die im Vorschaumodus ausgeblendet werden müssen und angezeigt werden müssen, wenn ich den Vorschaumodus verlasse. Allerdings löst das Ereignis stop:preview nicht aus, wenn ich die Vorschau verlasse und wi...
theanhmx
@artf Entschuldigung für diese dumme Frage, Aber wann wird die Lösung im NPM-Paket verfügbar sein? Oder aus welchem Branch kann ich den Code manuell mit diesem Fix ziehen und bauen?
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Hallo @artf noch ein weiteres Problem bei der Verwendung des benutzerdefinierten Managers: Was setzen wir für Hintergrundbilder? editor.getSelected().set('src', URL) funktioniert nicht mit Hintergrundbildern. Sollte ich 'SRC' durch 'Hintergrund' ersetzen?
artf
Benutze das hier '''js editor.getSelected() .addStyle({'background-image': 'url(${url})'}); ```
suraj740
@artf Danke für die großartige Arbeit, Mann! 👍
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Das Editor API wiki listet eine Reihe von komponentenbezogenen Ereignissen auf, die angehört werden können (z. B. 'component:add', 'component:update'). Es wird jedoch nicht erwähnt, welche Art von Ereignisobjekten der Zuhörer erhält und wie sie strukturiert sind (welche Eigenschaften sie haben und welche Werte sie ent...
ppisecky
@artf hey, danke für deine Antwort. Ich suchte jedoch nach einem allgemeineren Beispiel, wie man feststellen kann, ob Veränderungen stattgefunden haben und was sie waren – zum Beispiel so etwas wie das hier: '''javascript editor.on('compon...
artf
Danke @ppisecky für den Hinweis, ich habe die Quelle aktualisiert, aber grundsätzlich erhält jedes komponentenbezogene Ereignis einfach das ausgelöste Modell. Bezüglich deines 'Font-Size'-Case kannst du diesen Listener einrichten '''js edi...
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Hey, Wie kann ich ein Ereignis auslösen, wenn ein neuer Block oder Inhalt innerhalb von Canvas aktualisiert wird? Etwas wie 'editor.onCanvasUpdate()' Danke!
ryandeba
Hallo @fsaiyedOB, Ich konnte dies mit dem hier aufgeführten 'component:update'-Event erreichen: https://github.com/artf/grapesjs/wiki/API-Editor#available-events Mein Code sieht ungefähr so aus wie
duskhacker
Als ich darum bat, herauszufinden, wann die Leinwand schmutzig ist, um einen Hinweis zu geben, sagte @artf mir:
artf
Ich würde auch ein blockspezifisches Event hinzufügen '''js editor.on('block:drag:stop', model => console.log('dropped ', model)) ```
Ich ersetze RichtextEditor durch ckeditor in Grapesjs, aber es funktioniert nicht. Richtexteditor wird immer noch angezeigt. Wie sollte ich das lösen? Mein Code lautet: editor.setCustomRte({ enable: function(el, rte) { rte = neuer CKEDITOR.inline(el, { Werkzeugleiste: [{ Attribute: { "class": "fa fa-image" }, Befehl:...
ryandeba
Hallo @NorthstarTech, Ich sehe, dass dein Code die grapesjs-plugin-ckeditor.js-Datei enthält. Fügen Sie dieses Plugin auch ein, wenn Sie 'grapesjs.init()' aufrufen, wie hier gezeigt hier?
NorthstarTech
Ja, ich habe das Plugin auch auf grapesjs.init() hinzugefügt, aber es funktioniert nicht. Es gibt den unten gezeigten Fehler an. ! Fehler
ryandeba
Ich kenne mich mit dem ckeditor-Plugin nicht besonders gut aus, aber es sieht so aus, als würde es das sharedspace ckeditor-Plugin erwarten (siehe hier). Ich denke, du musst einfach sicherstellen, dass du dieses Plugin in deine CKEditor-Ko...
Gibt es eine Möglichkeit, eine bestimmte Komponente nicht mehr als einmal auf der Seite fallen zu lassen? Ich habe eine benutzerdefinierte Komponente und der Benutzer kann sie nicht mehr als eine auf der Seite platzieren, daher möchte ich, wenn die Komponente bereits auf der Seite hinzugefügt wurde, eine bestimmte Nac...
ryandeba
Hallo @krunal039, Mein bester Vorschlag wäre, nach dem component:add-Event zu hören. In der Event Listener-Funktion könntest du prüfen, ob die hinzugefügte Komponente der gesuchte Typ ist, und falls jetzt mehr als eine dieser Komponenten i...
bunomonteiro
``` editor.on('component:add', model => { // ... Deine Logik ist hier if(entfernen){ model.destroy(); } });
artf
@krunal039 Ryans Vorschlag ist der richtige Weg, um Ihre Anfrage zu erfüllen
Hallo @artf, Mir ist aufgefallen, dass wenn ich eine Komponente hinzufüge, die eine Kombination aus Text und einem "<a>Tag" enthält, der Text nicht wie sonst bearbeitbar ist. Wenn ich das "<a>Tag" durch ein "" ersetze<span>, kann ich den Text problemlos bearbeiten. Hier ist etwas, um zu veranschaulichen, was ich meine...
artf
Danke, Daniel, ich stimme dir zu und werde mich um deine Vorschläge kümmern. Ich möchte nur im vierten Fall darauf hinweisen, dass man dem Editor auch explizit angeben kann, dass eine Textkomponente ist '''html <div data-gjs-type="text"> E...
artf
Sollte https://github.com/artf/grapesjs/releases/tag/v0.12.50 behoben werden.
Ist es möglich, Border-Top, Border-Right, Border-Left-Properties einzeln unter der Dekorationsüberschrift in Grapesjs hinzuzufügen? Das wäre ähnlich wie der Grenzradius. Derzeit zeigt es nur die Randbreite an, die alle Seitengrenzen angibt. Ich möchte nur rechte oder linke Ränder.
ryandeba
Hallo @NorthstarTech, Ich habe kein Codebeispiel, aber hast du dir https://github.com/artf/grapesjs/wiki/API-Style-Manager#addproperty angesehen? Dort gibt es ein Beispiel, das "min-height" hinzufügt – könntest du dieses Beispiel an deine...
artf
@NorthstarTech Beispiel für den rechten Rand '''js Redakteur. StyleManager.addProperty('Decorations', { Name: 'Grenze rechts', Eigenschaft: 'Grenzrechts', Typ: 'Composite', Eigenschaften: [{ Name: 'Breite', Typ: 'ganzzahlig', Einheiten: ['...
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Gibt es eine Möglichkeit, grapesjs mit Zeronet zu nutzen? https://zeronet.io/ Man kann Seiten auf Zeronet erstellen, aber um Header, Banner und andere Dinge hinzuzufügen, muss man in CSS und HTML einsteigen, um Code zu schreiben. Ich hasse Programmieren leidenschaftlich und möchte grapesjs auf Zeronet nutzen, damit ic...
artf
Hallo Jeffery, leider hat Daniel recht, wenn du GrapesJS in anderen Projekten verwenden willst, muss es zuerst jemand (Entwickler) integrieren. Ich denke, du kannst zumindest versuchen, die Entwickler von ZeroNet zu fragen, ob sie die Inte...
duskhacker
@Snarkly GrapesJS ist keine schlüsselfertige Drop-in-Lösung. Du musst JavaScript verstehen (und auch machen), nur um den Editor zum Laufen zu bringen. Sein Zweck ist es, einen ausgefallenen HTML-Editor zu einem bestehenden Webstack hinzuzu...
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Wie fügt man den Text an einer bestimmten Cursorposition in RichtextEditor hinzu? Gibt es einen Beispielcode? Dringend notwendig Danke,
ryandeba
Hallo @NorthstarTech, Kannst du näher erläutern, was du mit "spezifischer Cursorposition" meinst? Ist das der Anfang/das Ende der Auswahl? Oder ist die Zielposition dynamischer? Ein Codebeispiel, das zeigt, was du bisher hast (offensichtli...
artf
Danke Ryan für die ausführliche Erklärung, übrigens, ich denke, das ist dasselbe wie #111, also nah an einer Duplikation
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.