GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? ChromeReproduzierbarer Demo-Link https://jsfiddle.net/6bn43a05/Beschreibe den Käfer Wie reproduziert man den Bug?Fügen Sie ein OnClick-Event für ein HTML-Tag hinzu Was ist das erwartete Verhalten? Das Ereignis s...
artf
Das ist aus Sicherheitsgründen beabsichtigt, aber du kannst es mit der Option 'config.parser.optionsHtml.allowUnsafeAttr' deaktivieren (auf eigenes Risiko): https://github.com/GrapesJS/grapesjs/blob/819bfcf44bb23d51990eba3b4330e9932df59cde...
GJS Helper
Das Problem, auf das Sie stoßen, bei dem 'onclick'-Attribute beim Laden in GrapesJS aus HTML-Elementen entfernt werden, ist eine bewusste Sicherheitsfunktion und Teil des HTML-Sanierungsprozesses von GrapesJS. GrapesJS entfernt, wie viele...
Hallo, @artf Wie ich gelesen habe, erlaubt allowScripts:1, dass grapesjs Skripte laden. Wenn ich eine LandingPage zum ersten Mal lade, funktioniert sie einwandfrei. Es lädt komplett JavaScript. Danach benutze ich editor.setComponents(html) oder pageManager.select(pageId) für denselben HTML-String wie LandingPage . Jav...
GJSBlock
Danke, dass du das gemeldet hast, @NoumanAhmad-Braqsol. Toller Vorschlag zu [QUESTIONS] editor.setComponents(html) und pageManager.select(pageId) laden keine js-Skripte! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalt...
Wenn du auf Rich Text doppelt klickst, bewegt sich der Cursor zum Start, nicht an der Stelle, an der du doppelt geklickt hast. Lösung: https://stackoverflow.com/questions/12920225/text-selection-in-divcontenteditable-when-double-click/68496971#68496971 < LAUFBARE ANTWORT VON CHETAN
artf
PR ist willkommen
Keine Antwort[Bot]
Diese Angelegenheit wurde automatisch geschlossen, da auf unsere Anfrage nach weiteren Informationen vom ursprünglichen Autor keine Antwort erhalten wurde. Mit nur den aktuellen Informationen in der Ausgabe haben wir nicht genug Informatio...
GJSBlock
Danke, dass du das gemeldet hast, @Chetan11-Entwickler. Tolle Frage zu Rich Text. Der empfohlene Ansatz bei ProseMirror ist die Nutzung der ereignisgesteuerten API. Fang hier an: Überprüfen Sie die GrapesJS-Dokumentation für Ihr spezielles...
https://github.com/artf/grapesjs/issues/1627 I think the question is related to this line specifically, I have the same issue. I look thru the demo but this class only appears in css and this line, so this selector returns undefined does it not? What element has this so that it can then be appended? traitsProps.append...
Gunslingor
Okay, ich glaube, ich verstehe. Ich brauche viele verschiedene Versionen von Grapejs-Leinwänden... Jeder sollte ein eigenes Plugin sein, vielleicht teilt man in manchen Fällen gemeinsamen Code. Ich dachte anders, dass Presets nur Einstellu...
Nikesh-hub
Hallo @gunslingor Bevor du den Eigenschaftssektor aufrufst, musst du beide Abschnitte aktiv machen settingButton &&&settingButton.set('active', 1); styleManagerButton && styleManagerButton.set('active', 1); Und dann kannst du anrufen -- Hi...
Gunslingor
Ja, das habe ich irgendwann herausgefunden. Ich verstehe nicht, warum ich diesen Abschnitt NACH der Initialisierung konfigurieren muss, anstatt wie bei vielen anderen Panels/Abschnitten. Ich denke, das liegt daran, dass ich das Presets-Plu...
Hallo, ich bin Anfänger im Weintrauben-SJ. Ich möchte eine Fragenummer bei for Loop machen, wenn ich Komponenten fallen gelassen habe, ↓Ich will das Finale wie dieses Bild. Der Div kann die Schleifennummer anzeigen. ! 01 ↓Der Code meiner Komponente Im Rendering habe ich mein Standard-HTML questionCom von {{i}} in Vord...
artf
Benutze das 'questionCom', das du an das Modell weitergibst (nutze das Modell, um modellbezogene Logik zu aktualisieren), und ich würde empfehlen, die API aus der Components-Dokumentation zu verwenden (z. B. 'textType.view.extend' ist die...
HALLO @artf, ich hoffe, du hast einen schönen Tag. Es gibt ein kleines Problem mit dem Drag-Platzhalter, wenn ein Block in einen möglichen Container mit seitlichen Rändern gezogen wird. Das könnte auch bei oberen/unteren Rändern oder Polsterung auftreten, aber ich bin mir nicht zu 100 % sicher. <img width="1107" alt="...
artf
Um ehrlich zu sein, würde ich 'getElRect' so lassen, denn 'getComputedStyle' in diesem Zusammenhang zu verwenden, wäre zu teuer und die Funktion selbst ist generisch (daher macht es keinen Sinn, dass es Dinge wie 'boundingRect.width = boun...
jcamejo
Ich konnte 'getElRect', indem ich die 'getDim'-Funktion durchgelesen habe, aber ich werde dort nochmal recherchieren, um nach einer anderen Lösung zu suchen. Danke!
bgrand-ch
Hallo, Für zukünftige Fragen oder technische Probleme, die keine Bugs sind, ist der Tab Diskussionen auf GitHub der richtige Ort. Vergesst nicht, dieses Problem zu schließen, falls es gelöst ist, oder eine neue detaillierte Nachricht in di...
Ich benutze component.find(), um in einem großen Teil des HTML-Inhalts nach einem Fieldset-Tag nach einer verschachtelten Komponente zu suchen, damit ich Komponenten danach anhängen kann. Component.find lokalisiert die Komponente, wie im console.log zu sehen, aber der Versuch, .append zu machen oder .components zum In...
msantore
Hab ich herausgefunden! Ich musste nur eine Array-Position festlegen :-) Nachdem Sie 'component.find('fieldset')' verwendet haben, stellen Sie sicher, dass Sie eine Array-Position 'fieldSet[0].append(questionFieldSet);' setzen.
Verhalten Ich benutze einen externen Javascript-Code, der einige SVG-Elemente dynamisch basierend auf ihren Attributen ersetzt. Der Javascript-Code prüft zunächst den Typ des zu validierenden Elements, also ob es sich um ein SVGElement wie hier handelt: 'document.querySelector('#someId') Instanz von SVGElement' Der Co...
artf
Der Code gibt in Firefox True zurück, aber False in Safari und Chrome, obwohl ich im Chrome-Eigenschaften-Tab bestätigen kann, dass er tatsächlich vom Typ SVGElement ist. Komisch, scheint ein Chromproblem zu sein...
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...
Wenn ich versuche, Hintergrundfarbe auf ein '1-Spalten'-Zeilenelement zu setzen, ist es im Editor eingerahmt und bindet nicht mit id, es hat eine eindeutige ID, und wenn ich das 'HTML' speichere und 'json' style und es wieder rendere, wird es auch nicht gespeichert und das finale 'HTML', wenn ich die Option Export öff...
ateebahmed
setze in der Editor-Konfiguration 'avoidInlineStyle' auf '1'. Von den neuesten Konfigurationen der Demoseite habe ich die Bibliothek aktualisiert, aber jetzt habe ich diese Änderung auf der Demoseite gesehen. 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.