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, den Asset-Upload zu deaktivieren? Wir wollen den Benutzer dazu zwingen, nur genehmigte Bilder zu verwenden, und das über den Asset-Manager-Dialog.
Ryandeba
Hallo @krunal039, Die docs geben an, dass man 'upload: false' aktivieren kann, um es zu deaktivieren (siehe den Kommentar im Abschnitt "Beispiele"). Hast du das schon mal versucht? Im Moment habe ich keine Zeit, es selbst auszuprobieren, a...
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 das Programmieren leidenschaftlich und würde gerne grapesjs auf Zeronet nutzen,...
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.
Wie fügt man das Symbol der geordneten Liste im Rich-Text-Editor hinzu? Hier ist mein Code. rte.add('insertOrderedList', { Symbol: '',//Wie fügt man hier das Symbol der Orderlist hinzu?? Attribute: {Titel: "Geordnete Liste"}, result: (rte, action) => rte.exec('insertOrderedList'), });
Ryandeba
Du kannst einfach den 'Icon'-Wert auf den gewünschten Aufschlag setzen. Hier ist ein Beispiel mit font awesome: Zur Info: Ich habe einige Diskussionen darüber gesehen, font awesome aus Grapesjs zu entfernen. Ich weiß nicht, was die aktuell...
NorthstarTech
Vielen Dank. Funktioniert jetzt einwandfrei.
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, wie kann ich Inhalte dynamisch aus einem Programm importieren, die automatisch in Canvas angezeigt werden?
Duskhacker
@suraj740 'editor.setComponents()' nimmt sowohl HTML als auch CSS, also könntest du den Aufruf 'setStyle' einfach überspringen. Was den Rest angeht, hast du dir doch die Dokumentation des Storage Managers angesehen, ja? Man kann darauf pro...
Duskhacker
In meinem Projekt setze ich 'data-'-Attribute auf einem HTML-Element und extrahiere sie über '.dataset' in Javascript. Sobald der Editor konfiguriert ist, führe ich: Beachte, dass das HTML so eingerichtet sein muss, dass Grapesjs es verste...