Hallo Ist es möglich, auf jeder Seite nur einen H1-Tag zuzulassen? Ich muss sicherstellen, dass wir nur ein h1-Tag in die Leinwand ziehen können. Was tun? :-)
artf
@pouyamiralayi vielen Dank wie immer für die große Unterstützung ❤️ Übrigens, @ikenderham bedenke, dass '''js editor.getComponents().filter(comp => comp.get('tagName') == tag).length > 1
Pouyamiralayi
@ikenderham Prost!
Ikenderham
Du bist so nett! Wie kann ich dir danken?? Vielen Dank! Khdafesممنون Ich werde dieses Beispiel morgen bei der Arbeit ausprobieren. Ich habe dich gerade auf GitHub verfolgt!
Ich versuche, das Dropdown-Menü durch ein Symbol für die Geräte zu ersetzen, basierend auf dem Beispiel aus der Newsletter-Vorlage, aber es funktioniert nicht.
Phil-B
Die obigen Beispiele haben bei mir in Version 0.17.28 nicht funktioniert (ich nehme an, die API hat sich geändert). Das funktionierte:
umerrinayat
@petervandeput https://github.com/artf/grapesjs/issues/1507#issuecomment-496280105 Nach Trauben ist es nicht so. '''// Gerätesymbole in der Panelleiste hinzufügen editor.getConfig().showDevices = 0; Redakteur. Panels.addPanel({ id: "device...
artf
Du solltest diese Befehle auch erstellen https://github.com/artf/grapesjs-preset-newsletter/blob/04f1eb21c1ae45f8d2b2912323e79354d8e72f18/src/commands.js#L30-L44
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.
Ich baue gerade eine VueJS-App und möchte GrapesJS in der App verwenden (und ich versuche NICHT, VueJS in GrapesJS zu verwenden). Ich habe die bestehenden Probleme durchgesehen und durchgelesen, aber bisher keine Beispiele gefunden, wie man GrapesJS in einer VueJS-App verwendet (es sei denn, ich habe die Beispiele fal...
Hallo zusammen Wie öffne ich einen Selektor wie General, während ich das Element auswähle? Ich bin neu bei JavaScript, aber ich habe so etwas ausprobiert. '''js editor.on('component:selected', function(component) { if(component.attributes.tagName == 'div') { const styleManager = Editor. StyleManager; styleManager.getS...
artf
@ikenderham du wärst fast da. '''js Redakteur. StyleManager.getSector('general').set({ open: true }) ```
simplecommerce
Ich denke, du kannst hier im Quellcode ein funktionierendes Beispiel sehen. https://github.com/artf/grapesjs-preset-webpage/blob/6306f45d9de77b5b60f72679717e10e6081e81be/src/panels/index.js Ganz unten.
Ikenderham
Kannst du mir ein Beispiel zeigen: Wenn ich auf ein DIV klicke, muss ich General öffnen, oder wenn ich auf ein H1 klicke, dann muss ich die "Typografie" öffnen? Vielen Dank, ich bin neu in diesem Bereich.
Hallo, kurze Frage. Ich habe ein Bild und möchte nur einen Link hinzufügen. Mit dem Modell, was ist der einfachste Weg, einen Link zum Bild hinzuzufügen? Ich habe versucht, 'model.replaceWith' zu verwenden, aber das Problem ist, dass, wenn ich etwas Styling auf das Bild setze und dann 'model.replaceWith' aufrufe, die...
simplecommerce
Okay, ich konnte es zum Laufen bringen, indem ich Folgendes gemacht habe: Ich weiß nicht, ob das ein guter Weg ist oder nicht, ich freue mich über jedes Feedback.
Pouyamiralayi
Hallo @simplecommerce! Prost!
simplecommerce
Hallo @simplecommerce! Prost! Hallo @pouyamiralayi, danke für die Antwort. Ich meinte nicht, dass ich mit der Erstellung einer neuen Komponente erstelle, sondern einfach, ein gerendertes Komponentenmodell auf der Leinwand (ein Bild) zu ers...
Dieser Fehler ist auch in der Online-Demo enthalten: https://grapesjs.com/demo.htmlFügen Sie der Seite einen Textblock hinzu, beginnen Sie zu tippen und drücken Sie Enter, um mehrere Zeilenumbrüche zu bilden.Deaktiviere den Block.Doppelklicke auf den Block, um erneut mit dem Bearbeiten zu beginnen. Wenn Sie nun auf de...
artf
Okay, ich versuche, das mal anzuschauen
Pouyamiralayi
@alexiswbr Verwendung des untenstehenden Ausschnitts werden die "div" als erwartetes Verhalten zu "br":
Obrazkow
Ich nutze diese Methode, um eine Transformation in eine Komponente zu verhindern und das ursprüngliche HTML beizubehalten. Überschreibe einfach die Komponente, die du brauchst, zum Beispiel 'Text' oder erstelle neue. Vielleicht ist es kein...
Hallo Ich benutze Grapesjs in einem Projekt, das überall proportionale Skalierung verwendet. basierend auf deinem Rat kann ich jetzt die Schriftgrößenwähler standardmäßig auf 'sie' einordnen und 'sie' zur einzigen Option machen. editor.on('load', function () { const styleManager = Editor. StyleManager; Force Font Size...
artf
Kannst du eine reproduzierbare Demo erstellen?
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...
Ich benutze GrapesJs mit Angular und erweitere die Funktionalität mit Angular-Komponenten. Meine Vorlage sieht also so aus: Das funktioniert alles einwandfrei; Ich habe DomComponents zum Designer hinzugefügt, und die Komponenten erscheinen im Layer Designer und ich kann sogar problemlos die Traits ändern. Alles render...
andrewryan1906
Also, Stattdessen habe ich Angular-Elemente verwendet, aber die Elemente NICHT in eine Webkomponente kompiliert (wollte die zusätzliche Komplexität vermeiden). Dadurch musste ich die DOM-Elemente nicht austauschen, und so funktioniert der...
andrewryan1906
Das könnte helfen. Im Rahmen der Verarbeitung des Elements tausche ich es spontan gegen mein Angular-Element aus... Also, nachdem das RS-wc-Custom-Component-Tag gerendert wurde, warte ich 1 ms und generiere eine dynamische Angular-Komponen...
artf
Im Rahmen der Verarbeitung des Elements tausche ich es spontan gegen mein Angular-Element aus... Also, nachdem das RS-wc-Custom-Component-Tag gerendert wurde, warte ich 1 ms und generiere eine dynamische Angular-Komponente und tausche die...
Der Layer-Manager ist derzeit in einem Tab versteckt, sollte meiner Meinung nach aber ständig sichtbar sein. Webflow hatte es auch in einem Tab versteckt, aber auf die linke Seite verschoben. https://webflow.com/feature/new-navigator-location
Pouyamiralayi
@vfxdude bitte schau dir dieses fiddle für die benutzerdefinierte Benutzeroberfläche an (außerdem ist das Layer-Panel auf der linken Seite). Prost!
vfxdude
@pouyamiralayi danke. Ich habe selbst mit einer ähnlichen Idee herumgespielt. https://codepen.io/neocoder/pen/bGNMyQK (mit dem Webpage Preset-Plugin). Es wäre allerdings besser und einfacher, wenn es dafür eine Option im Webpage Preset-Plu...
artf
Es wäre allerdings besser und einfacher, wenn es eine Option dafür im Webpage Preset-Plugin gäbe. Zurzeit kann ich keine Zeit für Presets aufwenden, aber persönliche Rekorde sind immer willkommen