Ich habe das grapesjs-webpage-Preset heruntergeladen und möchte es nach meinen Anforderungen anpassen, deshalb habe ich mein eigenes HTML und meinen eigenen Style in die index.html-Datei eingefügt, um die Benutzeroberfläche anpassbar zu machen. Wie kann ich nun eine Div in meinem HTML-Code nur lesbar machen? Ich habe...
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.
Hey @artf, Könntest du dir bei diesem Fall helfen? Ich möchte den Benutzer deaktivieren, um den Wrapper-Block (Body) auswählen zu können, aber ich möchte ihn trotzdem stylen lassen. Deshalb dachte ich daran, einen benutzerdefinierten Sektor hinzuzufügen, der für alle Blöcke angezeigt wird, aber die in diesem Sektor an...
arthuralmeidap
Mein Ansatz hat mehrere Nachteile, aber da wir in dieser App die Selektoren für den Style Manager nicht verwenden, schau mal, was ich gemacht habe; Ich habe meinem neuen Sektor eine benutzerdefinierte 'Ziel'-Eigenschaft hinzugefügt. Ich ha...
arthuralmeidap
Nur ein Beispiel: Der Nutzer hat einen Textblock ausgewählt. Im Style-Manager-Panel würde es so angezeigt werden, wie es heute ist. Die CSS-Selektoren wurden darauf angewendet und auf die Abschnitte wie Allgemein oder Dekorationen, um es z...
artf
Ja, ich denke, es ist möglich, du solltest beim Editor-Laden manuell einen neuen Sektor mit deinen Eingaben hinzufügen und bei Eingabeänderungen den Wrapper-Stil 'editor.getWrapper().addStyle({ color: yourInputEl.value })' aktualisieren od...
Hallo, Ich habe zwei Elemente mit denselben Klassen. Ich möchte Style-Änderungen mit Style Manager auf eines dieser beiden Elemente anwenden. Ich füge ID hinzu, aber der Stil gilt für die Klasse, nicht für die ID. Was kann ich tun?
arthuralmeidap
Im Style Manager Painel hast du eine Möglichkeit, die CSS-Selektoren (Klassen oder ID) auszuwählen/abzuwählen. Du solltest das Styling anwenden. Klicken Sie auf einen Block und öffnen Sie das Style-Manager-Panel. Du wirst sehen, dass alle...
abozhinov
Danke ... Die Benutzeroberfläche ist nicht benutzerfreundlich.
abozhinov
@artf Ich denke, das Problem liegt im ICON. Ich bearbeite den Quellcode und ersetze ihn durch SVG und schreibe auch den Stil um. Habe ich die Möglichkeit, die VORLAGE für jeden Abschnitt zu ersetzen, ohne den Quellcode zu bearbeiten? <img...
Hallo, Ich versuche, ein neues Modal zu verwenden, aber wenn ich den Inhalt ändere, ändert sich auch das Bildmodal: 'var modal = Redakteur. Modal; modal.setContent("<div>test</div>");' Wie kann ich das Bild modal halten und ein anderes Modal für meine Eigenschaften haben? Danke
artf
Derzeit ist es nicht möglich, mehrere 'Editor' zu haben. Modale Instanzen
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 versuche, die Angular Directive zu verwenden. Bei jedem der Blockinhalte, Zum Beispiel ' bm.add('radio-block',{ Bezeichnung: 'Grundformelement', Kategorie: C.Kategorie, Inhalt: '<Eingabetyp="Text" Name="Benutzername" id="Benutzername" ngModel> ' }) ` beim Export wird ngModel ngmodel sein Was ist also eine mögliche...
artf
ngModel wird vom Browser in ngmodel konvertiert (HTML5 akzeptiert keine Großbuchstaben für Attribute). Du kannst den Parser überspringen, indem du ein Komponentenobjekt übergibst '''js bm.add('radio-block', { Bezeichnung: 'Grundformelement...
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 versuche, die Bibliothek mit Angular7 zu integrieren, habe aber ein Problem, als ich den Container '<div id="gjs">'</div> in die Materialkomponente (Stepper) in diesem Fall verschiebe. Ich habe meinen Code in https://stackblitz.com/edit/angular-qa6gqz eingegeben (Fehler bei grapesjs tritt in meiner lokalen Umgebun...
mcrodrig
Zur zukünftigen Referenz: Das Problem bezog sich darauf, den grapesjs.init-Aufruf auszuführen, bevor der HTML gerendert wurde und der <div> Inside der Mat-Step nicht verfügbar war.
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 habe einen Block im Blockmanager wie Wie im obigen Skript im Block möchte ich dynamische HTML-Inhalte hinzufügen, während dieser Block in die Benutzeroberfläche gerendert wird. Ich weiß, dass ich den DOM nicht ändern muss. Aber ich muss das mit Model ändern, aber ich weiß nicht, wie ich das mit Mode na...
artf
Kein @AkibDeraiya123, wenn du versuchst, das Modell aus dem 'Script' zu erreichen, bedeutet das, dass du das Konzept komplett falsch verstanden hast. Bitte lies hier genau https://grapesjs.com/docs/modules/Components-js.html#basic-scripts...
AkibDeraiya123
Danke für die Antwort@artf Heißt das, ich kann keine dynamischen Inhalte in Blöcke laden, während sie im Editor gerendert werden? Wenn ja, wie kann ich das tun? Kann ich das HTML des ganzen Blocks mit 'this.innerHTML = 'New Html content' e...
artf
Natürlich kannst du das, aber nicht über die 'Script'-Eigenschaft. Du musst eine benutzerdefinierte Komponente erstellen und dort ihr Modell aktualisieren
Ajax-Aufruf, der eine Bilddatei im Assests-Ordner hochlädt. Es funktioniert einwandfrei, ein Bild vom lokalen Kanal hinzuzufügen. Aber in einem anderen Szenario funktioniert es nicht. Bitte schauen Sie es sich an Drag-Bildblock Wählen Sie ein Bild aus Lösche dieses Bild Füge dasselbe Bild nochmal an derselben Stelle h...
artf
Wir müssen die Dateieingabe löschen, sobald das Bild ausgewählt ist
Shah-ali
Irgendein Hinweis bitte. Wie löscht man Dateieingaben?
Shah-ali
Ich glaube, ich habe es repariert. In OpenAssets.js
Ich habe Editor-Events verwendet und festgestellt, dass das 'component:mount'-Ereignis mehrfach ausgelöst wird, wenn eine Komponente von Blöcken auf die Leinwand gezogen wird – das kannst du in deinem JSFiddle-Starter bestätigen. '''javascript editor.on('component:mount', component => console.log('mounted', component)...
artf
@ateebahmed bitte eröffne solche Themen nicht. Folge der Vorlage
ateebahmed
Okay, ich werde es wieder öffnen
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 möchte meine Komponente auswählen, wann immer sie von Blöcken auf die Leinwand gezogen und gerendert wird. Ich habe versucht, Ereignisse auf 'component:add', 'component:mount' zu registrieren und 'editor.select(component)' aufzurufen, um die Komponente, die ich vom Callback bekomme, weiterzugeben, aber sie initial...
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.