GrapesJS-Probleme

3,464 parsed GitHub-Probleme 370 gelöst · 90 ist geöffnet. Suchen, filtern und erkunden Sie bewährte Antworten.

336-Probleme gefunden

🔍 style-manager
#3240Jan 18, 2021von marcepoblet2-Antworten
0-Reaktionen

UndoManager: Die Kombination zwischen rückgängig machen und neu funktionieren nicht richtig, einige Stile sind verloren gegangen

https://user-images.githubusercontent.com/64096863/104953457-35adf180-59a5-11eb-85bd-2f84ffa24d83.mp4 The styles of the text and button blocks are lost after deleting them from the template, and undo the changes and redo them several times. The issue is that the styles applied from the blocks, are lost after apply the...

artf

Es sollte in der neuesten Version behoben sein, bitte befolgen Sie die Issue-Vorlage sorgfältig und verwenden Sie unbedingt die neueste Version, bevor Sie einen Fehler einreichen

GJSBlock

Danke, dass du das gemeldet hast, @marcepoblet. Danke, dass du deinen Bericht über UndoManager: Kombination zwischen rückgängig machen und neu machen, funktioniert nicht richtig, einige Stile verloren. Um dem Team bei der Untersuchung und...

#3238Jan 18, 2021von Sizhousama3-Antworten
1-Reaktionen

Wie man externes JavaScript lädt, ich habe alle Methoden ausprobiert, nutzlos

Ich schreibe HTML-Strings als Blöcke und muss viele externe Skripte und Stile einführen, aber ich habe alle Methoden ausprobiert. Wenn ich den Block auf die Leinwand ziehe, wirkt das Skript nicht, aber Styles können geladen werden, ich hoffe auf Hilfe.Laden nach appendchild ! Bildinit Laden von Canvas:{scripts:[...]}...

harsh201

@sizhousama lade ich Skripte/Stylesheets über Canvas, während ich den Grapesjs-Editor initialisiere, und es funktioniert für mich. '' js Leinwand: { Drehbücher: ['https://unpkg.com/abc.js'], Stile: ['https://unpkg.com/abc/dist/css/abc.min....

Sizhousama

Die Konsole zeigt als geladen an ! Bild

GJSBlock

Danke, dass du das gemeldet hast, @sizhousama. Tolle Frage zu [Frage]: Wie man externes JavaScript lädt, ich habe alle Methoden ausprobiert, nutzlos. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang...

#3235Jan 15, 2021von AnnaSu1-Antwort
0-Reaktionen

"component:update" wird nicht ausgelöst, wenn Komponenten verschoben werden

Entnommen von https://github.com/artf/grapesjs/blob/dev/src/editor/index.js#L33 'component:update' – Wird ausgelöst, wenn eine Komponente aktualisiert (verschoben, gestaltet usw.) wird, das Modell wird als Argument an den Callback weitergegeben Reproduziere den Bugverwenden Sie die 'move'-API, um die Komponente zu ver...

GJSBlock

Danke, dass du das gemeldet hast, @AnnaSu. Das Problem mit "component:update" wird nicht ausgelöst, wenn Komponenten verschoben werden, scheint ein Rennbedingungs- oder Zustandsmanagement-Timingproblem zu sein. Dies passiert typischerweise...

#3231Jan 13, 2021von vatte214-Antworten
2-Reaktionen

Wie man die GJS-ckeditor-Format-Komponente ändert

Hallo zusammen, Wir alle wissen, dass GJS-ckeditor-plugin mit [data-gjs-type]="text"-Komponenten arbeitet. Ich möchte wissen, ob wir diese Option ändern könnten? Ich möchte meine eigene benutzerdefinierte Komponente erstellen mit zum Beispiel [data-gjs-type]="anyDiv" und die gleiche Funktionalität wie in haben [data-g...

Abhisheknanda1344463

@vatte21 Um deine Komponente editierbar zu machen. Du musst den Texttyp in deiner Komponente so erweitern '''js Redakteur. Components.addType('anyDiv', { model: { Standardwerte: { Typ: 'Text', Eigenschaften:[ ... Redakteur. Components.getT...

vatte21

@Abhisheknanda1344463 Danke! Ich werde es versuchen

Abulka

@Abhisheknanda1344463 dein Codefragment gibt mir in der Zeile einen Fehler 'Uncaught ReferenceError: type is not defined' Wo wird 'Typ' definiert?

#3228Jan 12, 2021von Abhisheknanda13444631-Antwort
0-Reaktionen

Der Komponentenwert ändert sich nicht

Hallo @artf Ich habe eine neue Komponente hinzugefügt Hier ist der Code '''js Redakteur. DomComponents.addType('header', { model: { Standardwerte: { TagName: 'h1', Typ: 'Header', Größe: 'h1', Eigenschaften: [ { Name: 'Größe', Etikett: 'Größe', Typ: 'auswählen', changeProp: 1, Optionen: [ {Wert: 'h1', Name: 'Eins'}, {W...

GJSBlock

Danke, dass du das gemeldet hast, @Abhisheknanda1344463. Gute Frage zu Der Komponentenwert ändert sich nicht. Der empfohlene Ansatz bei ProseMirror ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Doku...

#3225Jan 9, 2021von Abhisheknanda13444632-Antworten
0-Reaktionen

Wie aktualisiert man den Stil aus dem Kontrollkästchen-Merkmal?

Hallo @artf Ich versuche, den Stil mit dem Kontrollkästchen-Merkmal zu aktualisieren, aber die Funktion wird nicht aufgerufen. Hier ist der Code Ich bin für jede Einsicht, die du geben kannst, wirklich dankbar! Danke

Abhisheknanda1344463

@artf Verstanden, dummer Fehler Verschieben Sie die Init-Funktion im Modell selbst. Abschluss der Ausgabe

GJSBlock

Danke, dass du das gemeldet hast, @Abhisheknanda1344463. Großartige Frage zu Wie aktualisiert man den Stil aus dem Kontrollkästchen-Merkmal?. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an:...

#3223Jan 7, 2021von Ianef3-Antworten
2-Reaktionen

Erstellen Sie die Leinwand aus einer URL

Ich spiele mit GrapesJS und versuche, es in ein Symfony-5-Projekt zu integrieren. Insbesondere möchte ich in der Lage sein, Vorlagen im Editor basierend auf Bootstrap 4 und anderen Komponenten wie FontAwesome Pro sowie benutzerdefinierte Blöcke darauf zu bearbeiten. Ich nutze das Webpack-Encore-Bundle von Symfony, um...

Ianef

Das ist wirklich schade. Ich habe nichts davon gesagt, von einer anderen Seite abzurufen, ich wollte es mit dem Rest des Projekts konsistent halten. Na gut, ich werde weiter woanders nach einem Editor suchen, der besser mit der aktuellen E...

artf

Hallo Ian, wenn du HTML-Inhalte von einer URL laden musst, kann ich nur empfehlen, sie serverseitig abzurufen und den Editor mit diesem Inhalt zu initialisieren (das Laden externer Ressourcen im Browser würde größtenteils das Cross-Origin-...

GJSBlock

Danke, dass du das gemeldet hast, @ianef. Toller Vorschlag zu FEAT: Erstelle die Leinwand aus einer URL! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, ähnliches Verhalten zu err...

#3222Jan 7, 2021von bgrand-ch3-Antworten
0-Reaktionen

Wie aktualisiert/rendert man neu, nachdem ein neuer Knoten hinzugefügt wurde?

Ich füge manuell einen neuen Knoten in eine gerenderte Komponente ein. Das visuelle Ergebnis ist okay, aber unmöglich zu speichern, weil mein Stil nicht mit der automatisch generierten GrapesJS-ID funktioniert. Um diesen Punkt manuell zu lösen, klicke ich doppelt auf die Komponente, um sie zu öffnen, und klicke im Lei...

bgrand-ch

Optimierte Datei 'TextEditor.vue': '''js // ... onFontValidate () { const { rte } = this.getRteData() const spanNode = document.createElement('span') lass anchorNode = {} this.selection.childNodes.forEach(childNode => { console.log({ child...

bgrand-ch

i️ Funktioniert nicht direkt mit HTML, sondern nur mit JSON. Komponent = JSON-Knoten (HTML-Element + GrapesJS-Daten) '''js addStylesToText (styles, tagName = 'span') { const inlineStyles = styles.map(style => style.join(':')).join(';') + '...

GJSBlock

Danke, dass du das gemeldet hast, @bgrand-ch. Gute Frage zu Wie aktualisiert/rendert man neu, nachdem ein neuer Knoten hinzugefügt wurde?. Der empfohlene Ansatz bei ProseMirror ist die Nutzung der ereignisgesteuerten API. Fang hier an: Übe...

#3219Jan 6, 2021von Abhisheknanda13444632-Antworten
0-Reaktionen

Typ für Block und CSS mit Klassennamen hinzufügen

Hallo @artf Ich stecke bei einer Sache fest: Ich möchte einen Block hinzufügen, in den ich auch Stil mit dem Klassennamen hinzufügen möchte Hier ist mein Code –: Das hat mir genau das gegeben, was ich wollte HTML-Code im HTML-Bereich und der Style-Teil im Style-Bereich, aber ich möchte dafür ein neues Merkmal hinzufüg...

artf

'''js Inhalt: { Inhalt: section_content, // < – du solltest 'components' verwenden, nicht 'content'... tippe: 'section', } '''und mach dir einen Gefallen, hör auf, ganze Abschnitte in Blöcken zu definieren, verwende einen komponentenorient...

GJSBlock

Danke, dass du das gemeldet hast, @Abhisheknanda1344463. Danke, dass du deinen Bericht über Typ für Block hinzufügen und CSS mit Klassennamen hinzufügen geteilt hast. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stel...

#3218Jan 5, 2021von bgrand-ch4-Antworten
2-Reaktionen

Wie fügt man ein neues HTML-Element mit Inline-Stilen hinzu?

Ich möchte ein neues HTML-Element mit Inline-Stilen um das 'rte.selection()' hinzufügen. Mit folgendem Beispiel ist das HTML in Ordnung, aber wahrscheinlich nicht der JSON-Teil: '''js const editorRte = this.editor.RichTextEditor // ... editorRte.add('fontSize', { Ikone: ' <select> <Option value="" deaktiviert ausgewäh...

artf

@bgrand-ch, was meinst du mit "wahrscheinlich"? 😅

bgrand-ch

@artf danke für deine schnelle Antwort 🙂. Update-Abhängigkeiten auf '0.16.30' lösen mein Problem 🎉

bgrand-ch

https://github.com/artf/grapesjs/issues/3069 🤔

Durchsuchen Sie alle Themen