Wenn auf 'Code anzeigen' geklickt wird und wir Element(e) in der Canvas ausgewählt haben, kann der Code-Viewer den entsprechenden Code anzeigen und ihn mit OuterHTML auswählen – eine großartige Funktion für sofortiges Kopieren oder schnelle Inspektion.
GJSBlock
Danke, dass du das gemeldet hast, @gMakaan. Toller Vorschlag zum FEAT: Code Viewer – gehe zu ausgewählten Leinwand-Blöcken! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, ähnlich...
Ich bekam diese Fehlermeldung, als ich die hinzugefügt habe. <iframe src="https://app.conversiobot.com/boot/fvMEvO" width="100%" height="500" frameBorder="0" allow="geolocation"></iframe> Ich habe die benutzerdefinierte Code-Komponente verwendet. Mein Code funktioniert mit 0.17.4 einwandfrei, aber mit 0.17.19 bekam ic...
artf
Danke für den Bericht, der Fix ist bereit für die nächste Version.
rahul-singh-bv
Ich habe ein ähnliches Problem mit v0.19.5, wenn ich versuche, ein iframe in einen benutzerdefinierten Codeblock einzufügen
GJSBlock
Danke, dass du das gemeldet hast, @jcsofts. Der Fehler TypeError: Kann die Eigenschaft 'length' von undefined nicht lesen tritt auf, wenn Canvas versucht, auf Eigenschaften zuzugreifen, bevor der Komponentenlebenszyklus vollständig initial...
Was versuchst du zu GrapesJS hinzuzufügen? Bessere Shadow-DOM-Unterstützung, die es Entwicklern ermöglicht, GrapesJS innerhalb eines Shadow-Elements zu rendern, ohne Elemente gezielt einfügen zu müssen, anstatt Selektoren in der Konfiguration zu verwenden. Beschreibe deine Feature-Anfrage detailliert Wenn derzeit Elem...
artf
Hallo @AStoker ich verstehe nicht, was das eigentliche Problem an deinem Beispiel ist (abgesehen davon, dass du GrapesJS-Stile nicht in deinem Schatten-Dom geladen hast). Wenn du Shadow Dom anhängst, kannst du natürlich diesen 'Container:...
AStoker
Das Problem ist, dass ich HTML-Elemente überall weitergeben muss und keine Selektoren verwenden kann. Das zu schreiben kann umständlich werden, da ich jetzt für jedes Panel, jedes Element, alles, was wir in GrapesJS einbinden, den Abfrages...
AStoker
Ich habe das JSFiddle aktualisiert, damit du sehen kannst, was wir tun müssen, um Styles innerhalb von Shadow DOM zu bekommen. Aber leider existiert das CSS, das von GrapesJS automatisch hinzugefügt wird, auf dem Körper und verschmutzt sow...
Um die mögliche Angriffsfläche zu verringern, wenn der Editor in "feindlichen" Umgebungen (z. B. in SaaS-Plattformen) verwendet wird, ist CSP-Unterstützung erforderlich. Das verhindert auch Probleme wie https://github.com/artf/grapesjs/issues/3082 Im Moment ist das einzige Problem, das effektive CSP-Regeln verhindert,...
artf
Okay, dann versuche ich, es für die nächste Version zu korrigieren.
artf
Mmm, ich bin mir nicht ganz sicher, wie ich das beheben kann, und was meinst du mit 'ist die Verwendung von neuer Funktion() im GrapesJS-Code', da es so etwas im Quellcode nicht gibt?
aimeos
Ich habe herausgefunden, dass es in den Dist-Dateien ist, weil underscore.js template()-Methode 'new Function()' verwendet. Ich denke, das wird es schwierig machen, diese Abhängigkeit zu ersetzen oder zu beseitigen, um einen CSP ohne 'unsa...
Ich benutze das Plugin grapesjs-blocks-bootstrap4 und integrierte grapesjs-lory-slider, es funktioniert beim ersten Mal, aber wenn ich es aus der Datenbank lade, verliert es die Schiebefunktion . Wo mache ich etwas falsch? Wenn er eingezogen wird, funktioniert er noch normal ! Bild Dann lade ich sie aus der Datenbank...
artf
Hallo @vuongluc ja, es könnte ein Problem sein, HTML/CSS auf diese Weise beim Bearbeiten zurückzuladen. Du solltest JSON-Daten speichern und laden, schau dir diesen Leitfaden an.
GJSBlock
Danke, dass du das gemeldet hast, @vuongluc. Toller Vorschlag zu grapesjs lory slider! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, ähnliches Verhalten zu erreichen. Verwendung...
Was versuchst du zu GrapesJS hinzuzufügen? Die CSS-Eigenschaft 'float' macht nur für 'position: static;'-Elemente Sinn, die zufällig der Standard sind. Ich möchte den Schwimmerfunk-Wähler nur anzeigen, wenn die Position nicht auf etwas anderes eingestellt ist. Wenn ich jedoch 'recrere: ['static'];' zur Eigenschaftsdef...
artf
Hallo @anlumo, hast du versucht, die Float-Definition mit etwas wie 'erfuerdert: { position: ['statisch'] }' zu erweitern?
anlumo
! Bild Ja. Es scheint nach dem Neuladen der Seite einwandfrei zu funktionieren, aber wenn man die Position umschaltet, hört es auf zu funktionieren und sieht aus wie im Screenshot. Die Definition lautet wie folgt: '''js { Name: "Layout", o...
GJSBlock
Danke, dass du das gemeldet hast, @anlumo. Toller Vorschlag zu FEAT: In Style Manager, erlauben Sie das Erfordern der Standardeinstellung! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglich...
Was versuchst du zu GrapesJS hinzuzufügen? Die Komponente sollte sich als schmutzig markieren können, was die Warnmeldung "onbeforeunload" auslöst. Beschreibe deine Feature-Anfrage detailliert Ich habe eine (benutzerdefinierte) Textkomponente, in der der Nutzer beliebigen Text eingeben kann. Ich speichere die Daten au...
anlumo
Ich habe das umgangen, indem ich das OnbeforeUnload-Handling komplett deaktiviert und mein eigenes Handling gerollt habe.
artf
Der Editor hat die Eigenschaft 'Editing', die sich ändert, sobald RTE aktiviert oder deaktiviert ist, also sollte das in deinem Fall funktionieren '''js editor.on('change:editing', (em, editing) => { window.onbeforeunload = bearbeiten || e...
anlumo
Würde dieser OnbeforeUnload-Handler nicht danach durch den oben genannten Ausschnitt überschrieben werden?
Hallo, derzeit bietet grapesjs eingebaute Eigenschaften wie Margin und Füllmaterial an, mit denen der Nutzer jede Eigenschaft einzeln ändern kann (margin-oben, margin-unten usw.). Es wäre schön, all diese Eigenschaften gemeinsam ändern zu können. Um zum Beispiel einen Sperrknopf zu haben, ändert er beim Aktivieren all...
artf
Ja, das wäre cool, aber leider hat GrapesJS noch kein richtiges UI-Modul, das es einfach erlauben könnte, neue UI-Komponenten durch Wiederverwendung anderer zu erstellen, daher ist 'StyleManager.addType' der einzige Weg, aber in diesem Fal...
GJSBlock
Danke, dass du das gemeldet hast, @kuhelbeher. Toller Vorschlag zu FEAT: Möglichkeit, alle Margen-, Polsterungs- usw. Eigenschaften gemeinsam zu ändern! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es m...
Ich habe bemerkt, dass wenn ich in der Initialisierungsfunktion eine Höhe einstelle, sie sich auf eine bestimmte Pixelmenge stützt, z. B. Höhe: "500px". Wenn du jedoch versuchst, mit einem Prozentsatz zu setzen, z. B. Höhe: "90%", hat der Editor überhaupt keine Höhe. Außerdem frage ich mich, was die Höhe einstellt, we...
ahmedderkaoui
Versuche, mit 'VH' statt 'PX' zu arbeiten. Zum Beispiel: Geben Sie dem Editor 'Height: '80VH'', Ihre Navbar 'Height: '20VH''. So wird der vertikale Scroll niemals angezeigt oder benötigt, solange die Summe aller Elemente 'VH' 100 ≤ Ich hof...
samichamoun
versuchen, mit 'VH' statt 'PX' zu arbeiten.z.B.: Gib dem Editor 'Height: '80vh'' und deine Navbar 'Height: '20vh'' an. So wird der vertikale Scroll niemals angezeigt oder benötigt, solange die Summe aller Elemente 'VH' 100 ≤Ich hoffe, das...
artf
Das ist eher ein Layout-Problem und hat nichts mit dem GrapesJS-Editor selbst zu tun.
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...
GJSBlock
Danke, dass du das gemeldet hast, @divesham. Toller Vorschlag zu FEAT: FÜGE BENUTZERDEFINIERTE BLÖCKE (Z. B. IFRAME) HINZU UND PASSE SIE WIE EIN BILD AN, ALSO BEIM DOPPELKLICKEN, ÖFFNE DIE ASSET-OPTIONEN FÜR VIDEOLINK IM BENUTZERDEFINIERTE...