Hallo, editor.on('run:preview', () => { console.log('preview ON') }) Das funktioniert einwandfrei. Jetzt brauche ich das Befehlsereignis, das ausgelöst wird, wenn wir auf "Vorschau ausblenden" klicken.
artf
'stop:preview'
theanhmx
'editor.on('run:preview', () => { console.log('Vorschau AN') }) editor.on('stop:preview', () => { console.log('Vorschau AUS') })` Ich habe das ausprobiert, aber das Stop:Preview-Event wurde nicht ausgelöst
artf
Behoben von https://github.com/artf/grapesjs/pull/592
Hallo, Ist es möglich, die "BannerOptionsBtn"-Komponente auszublenden, wenn ich auf den Vorschau-Button klicke? Ich habe früher HTML()-Funktion gemacht. Und wenn ich editor.getHtml() aufrufe, wird das HTML wie erwartet zurückgegeben, aber wenn ich auf den Vorschau-Button klicke, erscheint das "BannerOptionsBtn". Hier...
artf
Du kannst Befehlsereignisse innerhalb deiner Komponente nutzen, z. B. '''js editor.on('run:preview', () => { console.log('preview ON') }) ```
sanjeevSavitr
Danke für die Hilfe. Und bitte senden Sie das Befehlsereignis, das ausgelöst wird, wenn wir auf "Vorschau ausblenden" klicken.
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.
Hallo! Ich möchte eine CSS-Regel hinzufügen, die zum Beispiel das Aussehen einer Komponente basierend auf einem bestimmten Attribut ändert. Das heißt, '''css [Datenrolle=etwas] { Hintergrundfarbe: Rot; } ``` Gibt es eine Möglichkeit, das programmatisch umzusetzen? Oder auf irgendeine andere Stelle. Danke, Misha
artf
Probier es mit diesem '''js editor.addComponents('<style>[attr=val]{ color:red }</style>') ```
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.
Ich möchte eine neue Eigenschaft als Linienhöhe in Typografie im Style-Manager hinzufügen. Kannst du mir bitte helfen? Außerdem, wie man CSS-Formatierung auf ein bestimmtes Element anwendet, indem man diese neu hinzugefügte Eigenschaft auswählt.
artf
Man kann es über die Demo https://github.com/artf/grapesjs/blob/gh-pages/demo.html#L1054
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.
Hallo @artf, Wie Sie sicher wissen, entwickeln wir in meiner Firma ein Produkt basierend auf GrapesJS. Wir versuchen, so nah wie möglich an GrapesJS Kern zu bleiben. Als Entwickler versuchen wir, keinen Fork von GrapesJS zu erstellen und immer wieder zum Repository beizutragen. Jetzt müssen wir eine neue Funktion erst...
arthuralmeidap
Du bist der Mann!! Vielen Dank!! Ich werde es !!!
artf
Danke, Arthur, ich weiß deine Hilfe wirklich zu schätzen. Sieht so aus, als würdest du großartige Arbeit leisten, ich denke, diese Funktion könnte ein perfekter Kandidat für ein Plugin sein:)
arthuralmeidap
Ich muss einige Änderungen an einigen Modellen/Ansichten innerhalb von GrapesJS vornehmen. Wie kann ich das mit Plugins erreichen? Irgendwelche Ideen?
Hallo @artf, Ist es möglich, den aktuellen Vermögensverwalter von meinem eigenen zu ersetzen? Ich habe meinen eigenen Vermögensverwalter erstellt, den möchte ich nutzen, um Bilder hochzuladen und alles. Ist das möglich?
artf
Nein, @suraj740 Ziel ist das Komponentenmodell, du solltest deinen benutzerdefinierten Befehl 'Open-Assets' hinzufügen '''js Redakteur. Commands.add('open-assets', { run(editor) { Hier rufen Sie Ihren Custom Manager Und du kannst die ausge...
suraj740
Danke @artf, ich konnte den aktuellen Vermögensverwalter durch einen benutzerdefinierten ersetzen. Danke, dass du dir diese Anweisungen gegeben hast.
Hallo, Von Zeit zu Zeit erscheinen auf meiner Leinwand der Textmarker und die Werkzeugleiste an der falschen Stelle. Ist das ein bekannter Bug? Muss ich die Leinwand manuell aktualisieren? Es scheint, dass die 'oben'-CSS-Eigenschaft auf 'gjs-highlighter' und 'gjs-badge' nicht richtig berechnet wird, sie stimmen immer...
artf
Mir ist bewusst, dass die Symbolleiste "springt", wenn sich der Inhalt darin ändert (durch Hinzufügen oder Entfernen von Buttons), aber nicht mit dem Marker. Verwendest du den Editor auf einer gescrollten Seite?
telliott22
Gibt es eine Möglichkeit, das Springen zu stoppen, wenn sich der Inhalt ändert? Ja, die Seite ist gescrollt. Sollte ich die Höhe des Editors auf die Höhe des Browsers begrenzen?
artf
Ja, leider gibt es einen Bug, der die gescrollte Seite nicht richtig dimensioniert bekommt
Ich habe einen benutzerdefinierten Typ und einen Block erstellt '''js DomComponents.addType('MyComponent', { ... }); BlockManager.add('Component', { content: { type: 'MyComponent' } }); ``` Ist es möglich, es mit Namen oder auf andere Weise in 'DomComponents' einzufügen? Ich möchte den Block nicht jedes Mal manuell pe...
z-vr
Oh, ich habe herausgefunden, wie das geht – über 'editor.addComponents({ type: 'MyComponent' })'. Gibt es eine Möglichkeit, es mit einem CSS-Selektor in ein bestimmtes Element einzufügen? Ich habe diesen Ausschnitt gefunden, aber wie finde...
z-vr
Okay, was ich gemacht habe, ist '''js export default function iterateChildren(components, fn) { components.each((model) => { FN(Modell); const childComps = model.get('components'); iterateChildren(childComps, fn); }); } Exportfunktion find...
artf
Man kann das Modell tatsächlich aus der Cash-Element-Instanz mit 'view.$el.data('model')' holen, sodass man es mit weniger Code zum Laufen bringen könnte. '''js wrapper.view.$el.find('#hero .text').each((el, i, $el) => console.log($el.data...
Hallo @artf, ein sehr tolles Web-Builder-Framework und bleib so dran :+1: Code : '''javascript ... blockManager.add('dynamic-nav', { Etikett: 'Dynamische Navigation', Attribute: { Klasse: 'fa fa-ellipsis-h', Titel: 'Dynamisches Menü der Navigation einfügen' }, Kategorie: 'Abschnitt', Inhalt: '<ul class="hide-on-med-an...
artf
Auf diese Weise kannst du den Inhalt des Blocks aktualisieren '''js const dblock = blockManager.get('dynamic-nav'); dblock.set('content', '<ul>...'); ```
bungambohlah
Ach so, vielen Dank @artf
bungambohlah
Hallo, @artf ich ein Problem habe: Der Block meines dynamischen Navigationssystems funktioniert jetzt, aber wenn ich ein Skript dieser Komponente gebe, bekomme ich den Fehler "Unerwarteter Identifikator". Darf ich das korrigieren? Wenn nic...
Hallo, Wir bewerten GrapesJS für eine der Anforderungen. Im Rahmen der Bewertung erstelle ich den benutzerdefinierten Befehl 'Platzhalter einfügen'. Was ich vorhabe, ist, wenn ich Text auswähle und diesen Befehl klicke, sollte der Text an der ausgewählten Cursorposition eingefügt werden. Anfangs hatte ich das gemacht...
mathieuk
Duplikat mit #481
sarathksasi
Danke
edwardjiawei
Ähnlich wie ich es in grapesjs-plugin-customrte gemacht habe. Aber ich schlage nicht vor, dass mein Code darauf basiert, denn er ist ein Chaos. Du solltest den Code in design,html in meinem Repository testen können. Man kann auch eine nied...