Ich bin neu bei Grapejs. Das erste Mal, wenn ich es benutze, sieht es großartig aus. Wie kann ich also CDN FontAwesome durch eine CSS/JS-Datei von meinem eigenen Computer ersetzen, ohne Internet benutzen zu müssen? Ich lebe in einem Land, in dem das Internet für mich ein großes Problem ist, um etwas zu nutzen. Entschu...
Noogen
@adeguntoro Schau dir das an: https://github.com/artf/grapesjs/blob/8b315e4ba053043889456fcc4048c4f504257551/src/editor/config/config.js#L152 Deine Konfiguration mit der Eigenschaft 'cssIcons' von '/localpath/css/font-awesome.min.css' über...
Hallo! Ich versuche, einen benutzerdefinierten Komponententyp hinzuzufügen: '''javascript domc.addType('image-block', { Verlängern: 'Zelle', model: { defaults: function () { Rückkehr { Name: 'Hintergrundbild', Typ: 'Bildblock', TagName: 'td', leer: falsch, Droppable: True } } }, isComponent (el) { if (el.tagName === '...
artf
@kuhelbeher dein Code korrekt ist (außer 'extend: 'cell' und nicht 'extends: 'cell'), gibt es leider einen bug (oder eine fehlerhafte Logik) auf die Zeilenkomponente, daher würde ich vorerst empfehlen, dies als Patch hinzuzufügen: '''js co...
Noogen
@kuhelbeher, weil deine Komponente laut deiner obigen Inhaltsdefinition eine 'Tabelle' ist und nicht ein 'TD', wie es in deiner addType of 'tagName'-Eigenschaft definiert ist?
kuhelbeher
@noogen Ich glaube nicht, dass das Problem damit liegt. Ich habe versucht, Komponente und Block so zu definieren: '''javascript domc.addType('custom-cell', { erweitert: 'Zelle', model: { Standardwerte: { entfernbar: falsch, Name: 'Benutzer...
Hallo, ich versuche, einen Block mit Hintergrundbild zu erstellen (ähnlich wie die Grapedrop Image Box). Ich habe eine neue Komponente wie diese hinzugefügt: '''javascript domc.addType('image-block', { Erweitern: 'Bild', model: { defaults: function() { Rückkehr { Name: 'Hintergrundbild', Typ: 'Bildblock', TagName: 'di...
kuhelbeher
@noogen Danke für den Tipp, ich habe es so umgesetzt: '''javascript const domc = Herausgeber. DomComponents domc.addType('image-block', { Erweitern: 'Standard', model: { defaults: function () { Rückkehr { Name: 'Hintergrundbild', Typ: 'Bil...
Noogen
@kuhelbeher weil es letztlich immer noch ein Bild ist. Es ist nicht für die Nutzung oder Überschreibung gedacht, wie du es möchtest, denn im Backend-Code (schau dir sowohl das Bild-Komponentenmodell als auch die Ansicht an) sind https://gi...
Nochmals vielen Dank für all die harte Arbeit an dem Projekt! Dies ist auf der aktuellen Version 0.16.3 reproduzierbar – du kannst es in der Newsletter-Demo ansehen: https://grapesjs.com/demo-newsletter-editor.html Normalerweise erscheint das RTE über dem Element, daher ist das kein Problem. Wenn jedoch ein RTE-fähige...
khurram900
@mazuschlag wenn du ckeditor benutzt, kannst du diesen Patch ausprobieren. Er berechnet und positioniert den ckeditor neu auf die richtige Position. 'CKEDITOR.on('instanceReady', Funktion (e) {' 'Redakteur. RichTextEditor.updatePosition();...
artf
Canvas-Werkzeuge sollten beim 'Eingabe'-Ereignis der Textkomponente aktualisiert werden, in der aktuellen Version gibt es sogar ein Problem mit dem integrierten RTE, das aber in der nächsten Version behoben wird. Irgendwie betrifft dieses...
Mazuschlag
@artf Danke für die Antwort, aber ich bin etwas verwirrt. Das passiert mit dem CKEditor-Plugin – willst du sagen, dass die Lösung getrennt vom Fix des eingebauten CKEditor sein wird? Ich hätte nichts dagegen, es zu beheben, aber hast du Ti...
Zunächst einmal vielen Dank für eure ganze harte Arbeit an dem Projekt! Das ist ein sehr großartiges Projekt, auf das viele Menschen angewiesen sind, also danke für Ihre Mühe. Das ist eine seltsame Frage, aber im Grunde genommen kann das schnelle Bewegen der Maus beim Klicken auf ein Element dazu führen, dass der Erba...
artf
Hallo @mazuschlag und danke für deine netten Worte. Kannst du zum Thema das 'Klicken und Bewegen'-Verhalten genauer erläutern? Sollte ich einfach eine Komponente auswählen und mich nur mit der Maus bewegen? Es gab ein Problem beim Verschie...
Mazuschlag
Hmm, das klingt tatsächlich nach dem Problem, das ich hatte. Dabei hält man den linken Mausklick gedrückt, während man schnell eine Komponente zieht, bevor man sie loslässt. Das passiert, wenn man schnell arbeitet – man klickt auf eine Kom...
artf
@mazuschlag also, benutzt du eine alte Version oder die neueste von Grapesjs? Ich kann es auf der neuesten Version nicht reproduzieren
Ich habe die Code-Edit-Option im Web-Builder integriert.Verwendung von 'editor.getHtml()', um den aktuellen HTML-Inhalt abzurufen und ihn im Code-Editor auszufüllenWährend ich den Code aus dem Code-Editor speichere, verwende ich 'editor.setComponents()', um die bearbeiteten Inhalte auf die Builder-Canvas zu setzen. Pr...
Pouyamiralayi
@jenter #1331 Kommentar und #2644 Kommentar sind gute Beispiele. Schau dir auch #2664 Kommentar an, das ist eine Falle, die man vermeiden sollte! Prost!
Noogen
@sathyanarayananaCES Erstens, um andere zu bestätigen, dass es am besten ist, 'get/setComponents' und 'get/setStyle' zu verwenden, um den Inhalt des Editors zu speichern. Wenn ich deine Verwendung richtig verstehe, möchtest du HTML für 'ht...
Pouyamiralayi
Hallo @sathyanarayananaCES Sie müssen ''editor.getComponents'' und ''editor.getStyle'' aufrufen, um die Details der Komponenten abzurufen; Dann können Sie in den gespeicherten Zustand zurückkehren, indem Sie "editor.setComponents" und "edi...
Hallo zusammen, Ich versuche, einige benutzerdefinierte Vue.js-Komponenten im Blockmanager hinzuzufügen, und auf den ersten Blick ist alles in Ordnung – es wird korrekt gerendert und die Vue-Komponenten reagieren. Aber wenn ich die Vorlage speichere, meine Seite neu lade und dem storageManager 'gjs-style', 'gjs-compon...
Adamwpe
@pouyamiralayi Danke dafür, das hat mich in die richtige Richtung gewiesen – er ist ein Beispiel, das für mich funktioniert, um eine Vue-Komponente zu rendern, und es wird in :) wieder geladen, aber es könnte für jemand anderen sicher nütz...
mcottret
Hallo @adamwpe! Das Importieren von Skript-Tags wird durch die Standard-Editor-Konfiguration deaktiviert, was erklärt, warum deine Skript-Tags vom HTML-Parser entfernt werden; die Einstellung der Editor-Konfigurationsoption 'allowScripts'...
Pouyamiralayi
@adamwpe wir so etwas in der Vergangenheit hatten, entschuldige ich mich, dass ich es nicht durchgezogen habe! Mach so: in den neuesten Versionen besteht keine Notwendigkeit, von dView & dModel zu erweitern. Und für die Vue JS-Integration...
Ich bin sehr an diesem Projekt interessiert, brauche aber bitte etwas Orientierung. Gibt es eine Dokumentation darüber, welche Programmiersprachen, Frameworks, Bibliotheken, Plugins usw. in diesem Projekt verwendet werden? Gibt es eine Dokumentation, die erklärt, was jeder Ordner enthält? Jede Hilfe, wie ich mit der W...
GoodPHP
Hallo, für Änderungen am Editor musst du JavaScript kennen oder jemanden suchen, der sich auskennt. Docs: https://grapesjs.com/docs/ So eine Beschreibung, wie du sie möchtest, wird es nicht geben. Die Dokumentation beschreibt die Hauptmeth...
Ich möchte das gesamte Style-Manager-Modul an ein Panel anhängen? Ich habe in den letzten zwei Tagen die Dokumente durchforstet und kein passendes Beispiel für dieses hier gefunden. Ich habe das GrapeJS-Editor-Panel als leeres Array initialisiert, um alle Panels zu entfernen, und habe ein benutzerdefiniertes Panel, da...
Christianbalderrama
Gibt es eine richtige Möglichkeit über Grapesjs, die ich einfach nicht kenne, oder muss man sie per CSS übersteuern
Hallo @christianbalderrama In deiner Initialisierungskonfiguration: Für die Sektoren ist hier die Sektoren, die innerhalb der Demo verwendet werden. Prost!
Ich habe ein Problem für den Kontaktaustausch von GrapesJS-Entwicklern erstellt. Ich halte das für die meisten sehr nützlich. @artf, Wenn dir meine Idee gefällt, steck bitte diesen Ast fest. AKTUALISIERUNG:Antworten Sie hier, wenn Sie bereit sind, eingestellt zu werden, indem Sie alle notwendigen Informationen hinterl...
GoodPHP
@JonyBlade, gute Idee 😎 DevFuture ist die weltweit erste Agentur, die sich für die Entwicklung von GrapesJS interessiert. Wir verfügen über mehr als 4 Jahre Erfahrung, über 99+ vorgestellte Projekte und 50+ glückliche Kunden. Weitere Deta...
jacob5544
Kommentare zu löschen, die wirklich Hilfe brauchen, wegen Bugs im System, ist so traurig. Schäm dich, Artur Arsenjew – du hast eine sehr schlechte Persönlichkeit!