! Bild Hallo Artf, mir wurde ein neuer Befehl zur editierbaren Komponente hinzugefügt, der Update-Stil funktioniert gut, aber ich weiß nicht, wie man diese Werkzeugleiste nach einer Komponentenaktualisierung (zum Beispiel das Ausrichtungssymbol aktualisieren) aktualisieren kann. Hast du irgendwelche Vorschläge? ' defa...
artf
Du kannst einen Listener beim Komponenten-Update festlegen '''js editor.on('component:update', () => { editor.runCommand('testCommand'); }) ``` Beachte, dass du mit 'var styles = sel.get('style')' den Stil der Komponente bekommst und nicht...
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 möchte eine neue Markup-Sprache wie mjml definieren, um das Design einfacher und lesbarer zu machen. Ich habe mit "<error>Tag als POC" angefangen. Schreibe Code darunter; Modell: 'Import von Komponente aus 'grapesjs/src/domcomponents/model/Component'; const ComponentError = Component.extend({ Standard...
Gaserol
Hast du gesehen, dass es ein Preset vom Autor dieses Projekts für MJML gibt? Vielleicht hilft dir das? https://github.com/artf/grapesjs-mjml
ateshuseyin
Danke @gasserol. Ich habe es gesehen, aber ich konnte das Problem nicht finden.
ateshuseyin
Funktioniert jetzt auf Drop :) Aber ich kann trotzdem nicht vom Element unterscheiden.
Ciao, ich habe Früchte mit GrapesJS! Ich versuche, eine Möglichkeit zu schaffen, mit der Nutzer Multiple-Choice-Fragen erstellen können. Der erste Block darunter ist der Abschnitt mit einer Form und einer ungeordneten Liste darin. Die ungeordnete Liste im Formular sollte in der Lage sein, einen Listeneintrag zu akzept...
artf
Hallo @NicholasGati ich denke, es könnte ein Problem mit 'data-gjs-stylable="false" sein. Kannst du versuchen, es aus '<ul>' und '' zu entfernen <li>und prüfen, ob es funktioniert
NicholasGati
Hey @artf, danke für deine Antwort. Ich habe 'data-gjs-stylable="false"' entfernt und es funktioniert immer noch nicht. Ich bekomme denselben Fehler: 'Zielerfassung nicht gefunden, Ziel ist nicht droppbar...'.
artf
Kannst du es mit etwas wie jsfiddle/codesandbox reproduzieren?
Das sieht man in der Demo (http://grapesjs.com/demo.html). Wählen Sie eines der Navigationselemente (zum Beispiel 'Web') aus – beachten Sie, dass es eine bestehende Klasse von 'Menü-Item' gibt. Wenn du jetzt einige Eigenschaften änderst, wie zum Beispiel die Textausrichtung, werden diese Änderungen auf die Menü-Item-K...
thecodefish
Ich dachte, das Verhalten könnte so aussehen: Standard (aktuelles Setup):Wenn das Element keine Klassen hat, erstelle eine eindeutige Klasse basierend auf Cid und wende Stile anWenn das Element Klassen hat, wenden Sie Stile auf die Vereini...
artf
Hallo @thecodefish was haltet ihr von diesem Ansatz? https://codepen.io/artf/pen/jaaKvq Dort wirst du sehen, wie man Selektoren privat macht (nicht für den Benutzer manipulierbar) und wie die neue 'avoidInlineStyle')-Option verwendet wird,...
artf
Ich würde sagen, du hast zwei Möglichkeiten:Deselecteer einfach die Klasse, in diesem Fall ändert sich der Style-Manager-Scope auf die Komponente und nicht auf die RegelFüge der Komponente eine neue Klasse hinzu, statt der '.menu-item'-Reg...
Die Demo zeigt einen Newsletter, aber ich glaube nicht, dass das CSS eingearbeitet wird, was für einen besseren E-Mail-Support wirklich nötig ist. https://github.com/Automattic/juice
artf
Tatsächlich tut es das ! schermata 2017-10-11 Alle 14 51 19
danfitz36
Oh, das ist super, danke. Ich bin wohl nicht so weit in der Demo gekommen.
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 bestimmte Funktionen, die nötig sind, oder eine gewisse Menge an Tests? Was muss konkret passieren und wie können wir dazu beitragen, dass es möglich wird?
artf
Gute Frage. Ich habe nicht viel darüber nachgedacht, wahrscheinlich würde ich sagen, eine stabilere API, den Kern so trocken wie möglich machen (weniger meinungsstark) und wahrscheinlich ein Feature aus der aktuellen Roadmap abschließen.
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, beim Hochladen eines Bildes über den Asset Manager erhalte ich folgende Fehlermeldung: ! Bildschirmfoto 2017-10-10 um 15 44 23 Assetmanager-Konfiguration im Editor init sieht so aus wie ! Bildschirmfoto 2017-10-10 um 15 45 30 Der Ordner existiert und ist beschreibbar. Kannst du mir bitte helfen? Vielen Dank für...
artf
Der Upload-Endpunkt sollte ein JSON zurückgeben, du scheint ein HTML zurückzugeben
Gaserol
OK, vielen Dank, ich weiß nicht, wie ich das lösen soll.. Ich benutze einen normalen Apache-Server auf localhost für Tests und glaube, dass dieser Endpunkt überhaupt nicht antwortet. Ich werde versuchen, deine Lösung für das yii2-Framework...
Mekamleshk
@gasserol Sie können meinen Code Hier aufrufen. Ich konnte Dateien hochladen und abrufen.
Hallo, Ich möchte ein bestimmtes Element ausblenden, wann immer wir auf eine Symbolleiste klicken Befehle: { Standardeinstellungen: [{ id: 'submenuitem', run: function(editor, senderBtn){ Ich möchte das Element "photostack-1" ausblenden ???? ???? ???? }, }], } var domc = Herausgeber. DomComponents; domc.addType('banne...
artf
Man kann das Element aus dem Modell heraus aufrufen '''js const selectedModel = editor.getSelected(); const elem = selectedModel.view.el.querySelector('#photostack-1'); elem.style.display = 'keine'; ```
sanjeevSavitr
Danke..
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 nochmal @artf, ich verwechsle die Push-Toolbar im Element mit einer bestimmten Klasse (z. B. modal-trigger). Der Elementcode ist : '''html ... <a href="#modal1" data-highlightable="1" class="modal-trigger"> <div data-highlightable="1" class="card"> <div data-highlightable="1" class="card-image waves-effect waves...
artf
Ich würde sagen, der richtige Weg ist, 'initToolbar()' des Component-Modells zu erweitern und dort deine Logik einzufügen
Bungambohlah
Ich würde sagen, der richtige Weg ist, "initToolbar()" des Component-Modells zu erweitern Natürlich erstelle ich meine eigene Werkzeugleiste in der Methode ''''initToolbar()'''' Und bitte @artf können Sie erklären, wie man die Symbolleiste...
Bungambohlah
Entschuldigung, ich habe das mit meiner Logik behoben, danke @artf :+1: