PageKit — der selbst gehostete GrapesJS-Website-Builder, als Quellcode. Early Access sichern

GrapesJS-Probleme

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

466-Probleme gefunden

🔍 components
#365228. Juli 2021von NoumanAhmad-Braqsol4-Antworten
0-Reaktionen

Grapes erkennt keinen Link, wenn ich einen Text in einen Link verwandle.

Hallo @artf ! Aufnahme Ich bin neu bei Grapes JS. Ich schreibe eine Funktion, um ausgewählten Text in Link umzuwandeln. Es funktioniert einwandfrei. Wenn ich den Komponententyp auswähle, steht es, dass es ein Text ist. Nach dem Aktualisieren der Seite erkennt er einen Link. Aber ich möchte es nicht aktualisieren. Wie...

artf

Sprichst du vom CKEditor oder vom Standard-RTE?

NoumanAhmad-Braqsol

Ich benutze CKEditor.

artf

Das ist also nicht das richtige Repository

#364526. Juli 2021von codingmachine162-Antworten
0-Reaktionen

LIES und FOLGE den nächsten 3 Schritten, dann ENTFERNE SIE vor dem Posten des P…

WARNUNG LIES und FOLGE den nächsten 3 Schritten, dann ENTFERNE SIE vor dem Posten des ProblemsBefolgen Sie die BEITRAGENDEN Richtlinien https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdMach zuerst eine schnelle SUCHE, um zu sehen, ob jemand anderes das gleiche Problem nicht geöffnet hatAlle zugehörigen Auss...

codingmachine16

Hallo @artf Hallo, Wir bauen ein CMS mit grapesJs. Wir haben Komponenten für Header, Footer, Produktregler und verschiedene Arten von Bannern erstellt. Wir haben fast eine E-Commerce-Seite mit grapesjS + React Js + NodeJs und Mongdb fertig...

GJSBlock

Danke, dass du das gemeldet hast, @codingmachine16. Tolle Frage zu *. Der empfohlene Ansatz bei ProseMirror ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spezielles Modul Suche...

#364426. Juli 2021von NoumanAhmad-Braqsol2-Antworten
0-Reaktionen

Link showing as span when getHtml() called

Hallo, @artf Ich benutze CKEDITOR, um einen Link in ausgewählten Text einzufügen, es funktioniert einwandfrei. Ich benutze diesen Code, um einen Link hinzuzufügen ! asdasd es wird oben wie folgt angezeigt Wenn ich das SRC inspiziere, zeigt es einen Link in DOM als Blow an ! sdsd aber wenn ich Html() von component beko...

artf

@NoumanAhmad-Braqsol folgt bitte der Issue-Vorlage, wenn ihr ein BUG-Problem eröffnet (tatsächlich ist es kein Bug im Core, könnte aber mit eurer ckeditor-Konfiguration zusammenhängen), ansonsten eröffnet eine neue Diskussion

GJSBlock

Danke, dass du das gemeldet hast, @NoumanAhmad-Braqsol. Gute Frage, ob der Link als Span angezeigt wird, wenn getHtml() aufgerufen wird. Der empfohlene Ansatz mit StyleManager ist die Nutzung der ereignisgesteuerten API. Fang hier an: Über...

#364023. Juli 2021von jlpatrick2-Antworten
0-Reaktionen

Die Style Manager Hintergrund-UI funktioniert für Body/Wrapper nicht korrekt

Es gibt für mich einen UI-Fehler im Hintergrundsteuer des Style Managers, wenn man mit dem Body im Vergleich zu den anderen Komponenten arbeitet. Dieses Problem ist in @kuhelbeher Screenshot aus #2834 sichtbar, aber ich werde auch einige einfache Schritte zur Reproduktion geben. Vielleicht hängt dieses Problem mit die...

artf

Danke Jim, ja, es ist tatsächlich dasselbe Problem, deshalb schließe ich dieses Problem als Duplikat von #2834 Ich werde dort Updates posten, sobald es behoben ist.

GJSBlock

Danke, dass du das gemeldet hast, @jlpatrick. Das Problem mit Style Manager Background UI, das für Body/Wrapper nicht korrekt funktioniert, scheint ein Rennbedingungs- oder State-Management-Timing-Problem zu sein. Dies passiert typischerwe...

#363923. Juli 2021von anatoli-dp4-Antworten
0-Reaktionen

Improve UndoManager API

Eine Sache, die meiner Meinung nach großartige Funktionen hinzufügen würde, ist ein detaillierterer Geschichts-Stack. Man kann den Rückgängig-Stack herunterladen und daraus eine Art Geschichtsbericht aller vorgenommenen Änderungen erstellen, aber es ist etwas unklar, was jede Bearbeitung war (zumindest für mich, also...

artf

Hallo @anatoli-dp, die Möglichkeit, die Rückgängigkeitshistorie anzuzeigen, wäre wirklich super cool, und ich habe schon darüber nachgedacht, wie ich das UndoManager-Modul erweitern könnte, um diese Art von Funktionalität über ein Plugin z...

anatoli-dp

Ja, ich weiß, wie man auf den Stack zugehegt, ich weiß nur nicht, wie ich ihn interpretieren soll, um dem Endnutzer eine aussagekräftigere Beschreibung zu geben

artf

ich weiß einfach nicht, wie ich es interpretieren soll, um dem Endnutzer eine aussagekräftigere Beschreibung zu geben Jede UndoAction (jede Instanz des Stacks) zeigt dir den Aktionstyp (z. B. 'hinzufügen', 'entfernen', 'zurücksetzen', 'änd...

#363823. Juli 2021von momu-20162-Antworten
0-Reaktionen

Script-props is invalid

Hallo! @artf, danke für deine großartige Arbeit! Ich folge dem https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts,but, wenn ich den Wert auswähle. Das Skript wurde nicht ausgeführt. Ich freue mich auf einige Vorschläge, vielen Dank! ''''javascript Export-Standardfunktion (Editor, opt =...

artf

Hier scheint alles richtig zu funktionieren: https://jsfiddle.net/rp7wa58h/ Jedenfalls brauchst du die 'View' nicht, wenn du sie nicht benutzt, und das Gleiche gilt für 'isComponent' (das in deinem Beispiel falsch geschrieben und an der fa...

GJSBlock

Danke, dass du das gemeldet hast, @momu-2016. Danke, dass du deinen Bericht über Skript-Requisiten ist ungültig geteilt hast. Um dem Team bei der Untersuchung und Priorisierung zu helfen: Bitte stellen Sie bereit: Ein minimal reproduzierba...

#363422. Juli 2021von pankajsharma894-Antworten
1-Reaktionen

How we can hide RTE for editable components ?

HI We have a requirement, where we don't want to show rte on editable components. how we can achieve that ?

mcottret

Ich erlaube mir, das hinzuzufügen, was meiner Meinung nach dem entspricht, was der Fragesteller erreichen will, aus @artf Antwort: ''''Typoskript Redakteur. DomComponents.addType('text', { extendFnView: ['onActive'], model: { Standardwerte...

iabhiyaan

'''js editor.on('component:selected', cmp => { cmp.set({ bearbeitbar: falsch, Verbreiten: ['bearbeitbar'] }) }) ```

pankajsharma89

Wir wollen keine Komponente unbearbeitbar machen, die Komponente muss editierbar sein, wir wollen nur nicht die RTE-Werkzeugleiste auf dieser Komponente anzeigen.

#363121. Juli 2021von anuragk154-Antworten
1-Reaktionen

How to load dynamic content in the final HTML file?

Ich habe überall gesucht, auch im Problembereich, und ein paar Dinge ausprobiert. Ich bin mir wirklich nicht sicher, wie ich immer dynamische Inhalte in meinen Komponenten laden soll (nicht nur beim Exportieren oder Speichern über den Editor). Ich möchte ein Skript in meine grapejs-Komponente einbauen, das immer Inhal...

stf1981

Ich glaube, du suchst nach komponentenbezogenem JavaScript -> https://grapesjs.com/docs/modules/Components-js.html#component-related. Dieser JS-Code ist in die HTML-Ausgabe eingebettet.

anuragk15

Ich glaube, du suchst nach komponentenbezogenem JavaScript -> https://grapesjs.com/docs/modules/Components-js.html#component-related. Dieser JS-Code ist in die HTML-Ausgabe eingebettet. Also jedes Mal, wenn die Komponente geladen wird, wir...

stf1981

Also jedes Mal, wenn die Komponente geladen wird, wird die Daten dynamisch über das JS-Skript geladen? JaAußerdem muss ich für Endnutzer einfach das html+cas zurückgeben, das von den Grapesjs generiert wurde, richtig? Ja, das JS-Skript der...

#362717. Juli 2021von sanchit364-Antworten
4-Reaktionen

Ich versuche, die Seite zu duplizieren, aber die Stile werden wegen der IDs, Änderungen auf -2,-3 am Ende, nicht angewendet.

'''javascript const duplicatePage = (Editor) => { let components = editor.getHtml(); let css = editor.getCss(); let newPage = Editor. Pages.add({ Stile: CSS, Komponente: Komponenten, }); Redakteur. Pages.select (newPage); }; ``` So sieht meine Funktion aus. Ich versuche, die Seite zu duplizieren, der HTML-Teil ist in...

OrigoVl

@sanchit36 Hallo, löst ihr das Problem? Kannst du sagen, wie?

vlont

Benutze das hier '''js const page = Redakteur?. Pages.getSelected(); Editor?. Pages.add({ id: (page.get('name') || page.id) + '-copy', component: page.getMainComponent().clone() }, { select: true });'''

leonardolima99

@vlont Danke!

#362013. Juli 2021von jamesshin54-Antworten
0-Reaktionen

SetComponent() encodes anything in <script> tags

Beim Laden in HTML über setComponent werden Anführungszeichen zu "&" und Klein-als-Zeichen zu "<". Jede Hilfe wäre sehr willkommen!

artf

Danke@jamesshin5 das wird in der nächsten Version behoben.

jamesshin5

Vielen Dank dafür! Wann denkst du, wird die nächste Veröffentlichung erscheinen? Ich habe einen Workaround gemacht, indem ich einfach eine Komponente mit Skript zu Canvas hinzugefügt habe, möchte aber so schnell wie möglich wieder zurück w...

artf

Ich hoffe wirklich bald, kann aber den genauen Tag nicht sagen. Falls es nützlich sein könnte, twittern wir neue Veröffentlichungen automatisch auf unserem Twitter-Account: https://twitter.com/grapesjs

Durchsuchen Sie alle Themen