Hallo, @artf Wenn ich versuche, Button-Typ-Eigenschaften zu verwenden. Er löst keine Funktion aus. Kannst du mir bitte dabei helfen? Kannst du bitte ein Beispiel für neue Merkmale-Erstellung wie "Button" nennen, nicht das "Content"? 'Eigenschaften: [ { Typ: 'Button', Etikett: 'Einreichen', Name: 'blogsubmit', changePr...
artf
Hallo @Soharab-Shaikh, du musst die Option 'Befehl' bestehen (wird beim Klick ausgeführt): '''js Eigenschaften: [ { ... Typ: 'Button', Befehl: 'KOMMANDO-ID', oder wie eine Funktion Befehl: editor => { const selected = editor.getSelected();...
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 Ich habe ein sehr einfaches Skelett des GrapesJS-Editors erstellt. HTML-Vorlage: '''html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> </head> <body> <div id="gjs"> <test-tag></test-tag> </div> </body> </html> Ergebnis des Ladens: ! Bild Wie du siehst, wird die Komponente nic...
artf
Es gibt zwei Probleme:Du hast vergessen, 'isComponent' anzugeben (verwendet im Parsing-Prozess) '''js comps.addType('test-component-type', { isComponent: el => el.tagName === 'TEST-TAG', Ansicht: { Verwenden Sie den onRender-Hook statt Ren...
A-Bashtannik
@artf, danke für deine Antwort, aber ich auchversuchte auch die Konstruktion mit 'isComponent' definiert, aber mit demselben Ergebnis. Wie auch immer, ich habe diese Funktion über Plugins implementiert, wie du erwähnt hast. Ich habe keine...
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.
Ich integriere GrapesJs in die React-Anwendung. Ich benutze npm-Pakete "ckeditor": "^4.11.2", "grapesjs-plugin-ckeditor": "0.0.9" 'importiere React aus 'react'; { connect } aus "react-redux" importieren; importierte GrapesJS von 'grapesjs'; CKEDITOR von 'ckeditor' importieren; Importiere gjsCkEditor aus 'grapesjs-plug...
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.
Wenn ich zu https://grapesjs.com/demo-mjml.html gehe und versuche, ein Bild in den Editor zu ziehen, bekomme ich eine Fehlermeldung zum ungültigen Ziel.
Danke, ich werde das schließen und die PR im Auge behalten
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, Ich hatte ein ähnliches, wenn nicht sogar dasselbe Problem wie dieses: #1327 Während ich einen Textblock bearbeite, klicke ich auf einen externen Button, um den Inhalt der Leinwand zu erhalten, ohne den Cursor von der Leinwand zu verlassen. An diesem Punkt, wenn ich getHtml() oder runCommand("gjs-get-inli...
artf
Ja, genau so funktioniert es. Ich werde versuchen zu prüfen, ob ich den temporären Zustand zusammenführen kann, bevor ich die HTML-Daten abrufe.
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 nach dem Hinzufügen des Bildes im Editor irgendein Plugin für GrapesJs, um das Bild zu bearbeiten**, zum Beispiel beim Zuschneiden, Hinzufügen von Text .....
Ronaldaug
@hemanthmc kannst du den Aviary-Editor verwenden. Hier sind alle GrapesJS-Plugins. https://github.com/artf/grapesjs#plugins
artf
Leider wird Aviary eingestellt, sodass grapesjs-aviary nicht richtig funktioniert, aber du kannst seinen Code überprüfen, um zu sehen, wie es implementiert wurde
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, nur eine kurze Frage Mir ist aufgefallen, dass der dev-Branch auf Version 0.14.52 ist, aber der master-Branch immer noch bei 0.14.43 ist, obwohl die Dokumentation (https://grapesjs.com/docs/#why-grapesjs) 0.14.52 als Latest angibt und die Demo auch 0.14.52 verwendet. Was ich gerne wissen würde, ist, ob 0.14.52...
artf
.. und wurde nur noch nicht in den Master-Zweig versetzt Ja, in diesem Fall ist 0.14.52 der neueste
Ich glaube, dir fehlt etwas. Ich habe hier eine Codepen-Demo gemacht und sie funktioniert einfach einwandfrei. Du musst CKEditor- und CKEditor-Plugin-Skripte hinzufügen und die Konfigurationsoptionen festlegen.
Ronaldaug
Sie können im GrapesJS-Dokument "Replace the built-in Rich Text Editor" hier ankreuzen. Und es gibt ein GrapesJS CKEditor-Plugin.
Browser = ChromeGrapesJS = Neueste Version (0.14.52) Ich versuche, einen Block zu erstellen, der verschachtelte Inhaltsobjekte mit Script, Style, Type-Eigenschaften enthält. Es funktioniert einwandfrei, abgesehen davon, dass <style>-Tag im Inhalt hinzugefügt wird. Nachkommen Wenn ich Blockinhalte als String wie Option...
artf
'''js Inhalt: { script: function(){ console.log("Ich werde gezogen!") }, Komponenten: '...', // Verwenden Sie Komponenten statt Inhalt } ``` Übrigens denke ich, dass in deinem Fall eine benutzerdefinierte Komponente passender ist
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 Ich benutze grapes.js für mein Website-Builder-Tool in meine Website. Während ich auf ein beliebiges Bild doppelklicke, öffnet sich der Asset-Manager und ich kann das Image aus dem Asset-Manager auswählen. Jetzt habe ich die Bedingungen festgelegt, dass ich, sobald der Benutzer ein Bild aus dem Asset-Manag...
artf
Du hast keinen Code angezeigt, aber ich schätze, du hast einfach die DOM-Elemente der Komponente bearbeitet, obwohl du stattdessen die Component)-Modelldaten ändern solltest (z. B. 'imgModel.set('src', 'base64....')').
AkibDeraiya123
Hallo @artf Danke für Ihre Antwort auf meine Anfrage. Ich hänge hier meinen Code bei, bitte sagt mir, wo ich falsch liege. Im Grunde wird der obige Code ausgeführt, während der Nutzer auf ein bestimmtes Bild doppelklickt. In dieser Funktio...
artf
In dieser Funktion ändere ich gerade das Bild 'src' mit jQuery, was einwandfrei funktioniert. Aber wenn ich 'editor.getHtml()' bekomme, wird es nicht relaktiert. ... @AkibDeraiya123 genau das habe ich dir in meinem vorherigen Kommentar ges...