Kann mir bitte jemand ein Codebeispiel zeigen, wie man einen Block mit JavaScript- und CSS-Stilen erstellt? '''js Redakteur. BlockManager.add('a_block', { Etikett: 'Sample Block', Inhalt: '<style> .sampleclass{ Polsterung: 10px 15px; } .sampleclass2{ Opazität: 0; Sichtbarkeit: Verborgen; } .sampleclass:hover > .sample...
Pouyamiralayi
Hallo zusammen! Was Sie suchen, ist hier Redakteur. DomComponents.addType('custom-type',{ model:{ Standardeinstellungen:{ script: function () { console.log('Hallo Welt'); } }, isComponent(){ Rückkehr True } }, }) Du musst den benutzerdefin...
Hallo, Ich habe diesen Code, der ein Modal anzeigt, wenn ich auf meinen benutzerdefinierten Button klicke. Beim ersten Klick erscheint das Modal korrekt. Dann schließe ich es. Wenn ich jetzt nochmal darauf klicke, erhalte ich diesen Fehler in der Konsole: ! immagier Ich kann es nur wieder anzeigen, wenn ich auf den be...
Pouyamiralayi
Hallo zusammen! Ich denke, das Problem liegt nicht an deinem Modus, sondern an dem ersten Befehl, den du ausführst: 'testo = editor.runCommand('gjs-get-inlined-html');' Du musst es auch stoppen: 'stop: function (Editor) { Redakteur. Modal....
Meine Kunden benötigen außerdem die Möglichkeit, die GrapesJS-Plattform auf ihren Mobilgeräten zu nutzen, daher nutze ich derzeit das GrapesJS-Touch-Plugin. Das Problem liegt jedoch nicht beim Plugin, sondern an einer fehlenden Methode im GrapesJS-Code. Das Problem und die Lösung werden von Mikereem unter folgendem Li...
artf
Ich würde gerne eine PR zusammenführen
Saltyfoam
Wir nutzen GrapesJS und würden uns über mehr Unterstützung auf dem Handy freuen, daher hoffe ich, dass das durchgeht!
Hallo zusammen! Ich weiß nicht, wie ich PR schicken kann, bitte behebt diesen Fehler hier unter Link auf Zeile 31: helper.onclick = () => editor.stopCommand('preview'); muss sein: helper.onclick = () => editor.stopCommand('core:preview'); Ich hatte ein Problem mit dem Original. Danke im Voraus.
Hallo zusammen, Ich hätte gerne etwas Rat, kann jemand erklären, wie es möglich ist, Eigenschaften dynamisch von einer Komponente zu entfernen? Angenommen, ich habe ein Merkmal, das bestimmt, wie viele weitere Eigenschaften darunter angezeigt werden. Wenn die Zahl erhöht wird, werden weitere Eigenschaften hinzugefügt...
Amir2828
Egal, ich habe gesehen, dass eine Funktion in einer späteren Version hinzugefügt wurde
Hallo, ich bin mir nicht sicher, ob dies der richtige Ort ist, um zu fragen. Ich versuche, den Inhalt eines Textbereichs in dieses Framework zu laden. Aber viele der Links haben Platzhalter im Standard-HTML, wie <a href="{{placeholder for default url }}" – gibt es eine Möglichkeit, diesen Link innerhalb der Canvas dar...
zgover
Deine Frage ist nicht ganz klar, was du erreichen willst, aber schau dir Erstellen von Komponenten an.
Pouyamiralayi
Hallo! Für das Select Model kannst du Editor verwenden. Modal und inhaltlich füge deine gewünschte Logik zur Auswahl und Konfiguration deiner Widgets ein. Dann kannst du das Ergebnis-Widget mit yourComponent.components(yourWidget) injizier...
Danrcoull
Entschuldigung. Lass mich das erklären. Nehmen wir ein CMS-Widget wie {{widget name="test" type="\Php\Class"} Konkret ist es, einen Block zu ziehen, der ein Widget öffnet, ein Modell auszuwählen, um ein Widget auszuwählen, die Optionen zu...
WARNUNG LESEN und FOLGEN Sie den nächsten 5 Schritten, dann ENTFERNEN Sie sie, bevor Sie das Problem veröffentlichenBefolgen Sie die BEITRAGENDEN Richtlinien https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdVerwenden Sie die GitHub-Probleme EXKLUSIV für BUGS, FEATURE-ANFRAGEN oder FRAGEN. Setzen Sie den Tit...
Hallo, ich habe einen benutzerdefinierten Komponententyp erstellt, habe aber Schwierigkeiten, ihn bearbeitbar zu machen. Die Komponente ist ein "Span" mit Komponententyp "Tag". Es wird nur Text enthalten, aber ich möchte, dass es die Standardkomponente erweitert, nicht die Textkomponente. Hat jemand eine Idee, wie ich...
inaLar
Danke! Ich habe etwas Ähnliches gemacht, aber bei dir ist es nicht so kompliziert. Ich hatte andere Events, die mit onActive verbunden waren, daher konnte ich es nicht nutzen. Jetzt habe ich sie abgetrennt und werde tun, wie du vorschlägst...
zgover
Was wäre Ihre Absicht und Ihr Ziel, es editierbar zu machen, wenn Sie nicht vorhaben, den Textkomponententyp zu erweitern? Der Textkomponententyp erweitert den Standardtyp und fügt Bearbeitungsfunktionen wie den Rich-Text-Editor hinzu. Wil...
inaLar
Ich würde RTE lieber nicht verwenden, da ich keine seiner Funktionen brauche. Ich möchte nur den Inhalt bearbeiten und speichern können (mit bearbeiten meine ich – in den Abschnitt klicken, den Text ändern und erneut speichern). Außerdem h...
Mir ist gerade aufgefallen, dass es schwierig ist, Blöcke/Komponenten aus dem Werkzeugkasten zu ziehen, wenn der Platzhalter (eine Linie mit gelbgrüner Farbe, z. B. siehe sie in der Demo online) nur ein Lign ist. Ist es möglich, die "gelbgrüne Linie/Platzhalter" zu einer Box zu machen, und während wir die Blöcke ziehe...
artf
Du kannst das Aspekt der Linie mit deinem benutzerdefinierten CSS ändern, aber du kannst andere Komponenten nicht darum herum verschieben; der DOM des Platzhalters ist wie eine Ebene auf der Leinwand und nicht zwischen ihnen
FawadOmerEsk
Kannst du das ein wenig erklären, wie wir das benutzerdefinierte CSS aktualisieren können?
Ich habe eine neue Toolbar-Option namens text-align mit folgendem Code erstellt '''js const rteStudio = Studio. RichTextEditor; rteStudio.add('text-align', { Symbol: "<select id=\"textAlignSelector\" class=\"gjs-field lm select\">" + "<Option value=''>Ausrichtung auswählen</option>" + "<Optionswert=\"links\">Links</op...
artf
Achten Sie darauf, die neueste Version zu verwenden und versuchen Sie, 'sync:content' auf einer ausgewählten Komponente aufzurufen, bevor Sie den gewünschten Befehl aufrufen, z. B. '''js editor.getSelected().trigger('sync:content'); editor...
Jadejahardipsinh
@artf, danke für die Antwort. Ich habe es damit versucht, aber leider hat es nicht funktioniert. Ich bekomme das mit folgendem Code: '''js studioCommand.add('com-save', { run: function(studio, sender) { studio.getSelected().trigger("sync:c...