Ich mag die Funktionen von grapeJS wirklich sehr. Es wäre sehr hilfreich zu wissen, ob ich es durch das Erstellen von Fragen und Antworten, Umfragen, Multiple-Choice-Fragen und -antworten erweitern kann. Bitte erklären Sie mir, wie ich anfangen soll. Das wäre eine große Hilfe
Afdallah
Ich schlage vor, Sie beginnen mit diesem https://github.com/artf/grapesjs-preset-webpage. Und dann mit dem Bau von Komponenten aus
verdverm
Ein wesentlicher Faktor ist also die Notwendigkeit von Drittanbieter-Skripten – ist das in deiner Situation so?
@artf Ich frage mich, ob Sie daran interessiert wären, ein alternatives Forum für die Nutzung von Fragen zu erstellen. Die meisten Probleme scheinen Fragen zu sein, die besser in einem Chat oder Forum oder durch das Lesen der Dokumentation beantwortet werden könnten... Mein Problem ist, dass es den Problembereich des...
artf
Danke für den Vorschlag, @verdverm ehrlich gesagt weiß ich es nicht, wir haben bereits den Discord-Chat, aber der ist eher gemeinschaftsorientiert und ich bin dort nicht so aktiv. Meiner Meinung nach bevorzuge ich es, nur einen Kanal für d...
Können wir CSS im Editor Style Manager definieren? Vor allem:Was ist "Zustand" und "Klasse" im Editor Style ManagerWenn ich eine benutzerdefinierte Klasse auf ein Element definiere. Wie definiert man CSS für diese Klasse? Was ist? Ich möchte dieselbe Klasse einem anderen Element zuweisen, damit es einen Mechanismus ge...
artf
Es funktioniert bereits so: Wenn du eine Komponente mit einer Klasse auswählst, bearbeitest du den CSS-Stil, der dieser Klasse zugewiesen ist, und du kannst ihn zu anderen Komponenten hinzufügen, um denselben Stil zu sehen
Mein Ziel ist es, eine Seite wie (nur ein Beispiel) erstellen zu können. Ich möchte mit einem Editor und nicht mit Code erstellen https://www.progressive.com/ Ich kann die Header-Zeile mit grapesjs nicht erstellen, weil ich nicht definieren kann, wie ein modales/schwebendes Fenster über der bestehenden Seite bei einem...
artf
Beginnen Sie damit, zu lesen, wie man benutzerdefinierte Komponenten implementiert.
Ich habe Firestore Storage für Remote Storage eingerichtet, und aktuell speichert und lädt es korrekt aus dem Speicher. Ich möchte jedoch, dass der Nutzer die Vorlage benennen und mit diesem Namen speichern kann. Dann stellen Sie dem Nutzer eine Liste gespeicherter Vorlagen zur Verfügung, die er nach Belieben laden ka...
artf
Es ist zwar nicht im Editor eingebaut, aber du kannst es auf jeden Fall selbst implementieren
Hallo @artf Ich versuche, eine benutzerdefinierte Symbolleiste zu meiner benutzerdefinierten Komponente hinzuzufügen, ohne die Standardleiste zu ändern. Deshalb erwarte ich, dass es so ist wie [moveable, copyable, removable, newToolbar]. Ich benutze dieses #266 als Referenz. '''javascript model: { // ... initToolbar (...
artf
Das 'extendFn' wurde von https://github.com/artf/grapesjs/releases/tag/v0.14.61 in der Demo hinzugefügt, du verwendest die 0.14.57
Afdallah
Es tut mir so leid, es ist mein Fehler. Danke für deine Anleitung
artf
Ja, wenn du die ursprüngliche 'initToolbar'-Methode überschreibst, wird die 'toolbar'-Eigenschaft nie erstellt, sodass du zuerst die übergeordnete Methode aufrufen musst. Probieren Sie diesen Hilfsmittel zur Komponentenerstellung aus '''js...
Zum Beispiel wird eine benutzerdefinierte Komponente von einigen bereits veröffentlichten Seiten verwendet. Wenn die Komponente modifiziert wird, vielleicht wird der Stil angepasst oder die Inhaltseigenschaft komplett verändert, möchte ich beobachten, dass diese Seiten aktualisiert werden, und wenn ich diese Seiten vo...
artf
Wenn die von dir geänderte Eigenschaft gespeichert wurde, liegen beim Laden der Komponente offensichtlich ihre Eigenschaften über der Komponentendefinition. Die einzige Lösung wäre also, diese Eigenschaften nicht zu speichern
Ist es möglich, die Standardauswahl der Eigenschaften zu ändern? Zum Beispiel wünsche ich mir, dass beim Ziehen eines Videos standardmäßig YouTube statt HTML5-Quellcode ist.
Afdallah
Wenn du den Standardplayer auf YouTube Player ändern willst, ändere einfach die Eigenschaft 'Provider' unter deiner Blockdefinition. '''javascript const BM = Editor. BlockManager bm.add('your-video-block-name', { Label: 'Video', Attribute:...
Amir2828
Vielen Dank, das hat funktioniert!
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.
Wie man Audiokomponenten richtig zum Laufen bringt (auswählbar, editierbar) wie andere Komponenten (Bild).
artf
Gute Frage, das "Audio"-Element ist ziemlich speziell, daher würde es definitiv eine benutzerdefinierte Komponente erfordern, wahrscheinlich basierend auf ComponentVideo (und dessen benutzerdefinierter Ansicht) Natürlich könntest du es sel...
MOHD7469
@artf kannst du einen einfachen Ausschnitt geben, der eine normale funktionierende Demo des Audio-Elements zeigt? Ich habe versucht, einen benutzerdefinierten Komponententyp für das Audio-Element zu definieren, aber das scheint nicht zu fu...
Wie verhindert man, dass das CSS eines Blocks/einer Komponente nicht zurückgegeben wird, wenn wir es verwenden 'editor.getCss();' Es ist wie 'https://grapesjs.com/docs/api/component.html#tohtml' aber es sollte etwas wie toCSS innerhalb einer benutzerdefinierten Komponente sein
Froderf
artf
Die Komponente besitzt die Methode 'getStyle', die ein Objekt wie dieses '{ color: 'red'}' zurückgibt. Wenn das zurückgebende Objekt leer ist, wird im Code keine Regel erstellt, aber dieselbe wird auf der Canvas angewendet, sodass du deine...
Froderf
@artf die von dir angegebene Lösung "getStyle()" kann nur auf angewendet werden Was, wenn diese Komponente eine Klasse von "isNewComponent" hat und den Stil von es ist möglich, dass der Editor den oben genannten Stil (mit einer Klasse) nic...