Ich habe den schönen ckeditor 4 Editor in Grapesjs eingebaut mit diesen Komponenten: grapesjs: 0.15.8 grapesjs-preset-newsletter: 0.2.20 ckeditor.js: 4 grapesjs-plugin-ckeditor - 0.0.9 Mein Projekt generiert Newsletter (HTML + CSS), die in der Datenbank gespeichert werden. Dieser Newsletter kann bearbeitet und so oft...
Abhisheknanda1344463
Hallo @svalenciano81 Hast du das ausprobiert? 'var cmdGetCode = cmdm.get('gjs-get-inlined-html');'
svalenciano81
Hallo @Abhisheknanda1344463 Ich brauche den umgekehrten Prozess. Ich habe den Code inline und muss ihn in Komponenten und Stile trennen.
artf
Um deine Vorlagen wieder zu laden, solltest du nicht HTML/CSS verwenden, sondern das JSON speichern und laden https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates
Hallo, Ist es möglich, das Erscheinungsbild von Modal anzupassen, zum Beispiel das Properties-Fenster in Visual Studio? Statt offenem Modal sollte der Fokus Details im Fenster anzeigen.
artf
Ich denke nicht, dass du in diesem Fall das Modal verwenden solltest, du kannst dein Panel/div erstellen, einen Listener auf Komponentenauswahl 'component:selected' setzen und dort deine Eigenschaften rendern
Ich habe beobachtet, dass jedes Mal, wenn ich eine Komponente nach links oder rechts ausrichte (nach links oder rechts schweben), diese Komponente aus dem Elterncontainer herauskommt, aber wenn ich auf 'Nichts' komme, kommt sie in ihrer letzten Position wieder in den Container. Ich habe das auch in der Live-Demo gefun...
Ju99ernaut
Die Float-Eigenschaft lässt die Mutterdivision kollabieren. Sie können dieses als Referenz verwenden.
artf
Ja, leider funktioniert der Wagen so seltsam, also wenn du einen Bauer für Nicht-Techniker baust, solltest du diese Immobilie 😬 meiden.
Hallo @artf ich möchte dynamische Seiten an das spezifische Link-Merkmal anhängen. Hier ist, was ich benutze. 'const component = editor.getSelected(); component.getTrait('link').set('options', [ { Wert: 'opt1', Name: 'Neue Option 1'}, { Wert: 'opt2', Name: 'Neue Option 2'}, ]); ` Dies bedeutet, dass die Komponente in...
Ju99ernaut
Du kannst zuerst prüfen, ob 'component.getTrait('href')' etwas bekommt: '''js editor.on('component:selected', component => { component.getTrait('href') && component.getTrait('href').set('options', data.list); }); ```
Abhisheknanda1344463
Vielen Dank, @Ju99ernaut Jetzt funktioniert es einwandfrei. Ich schätze deine Hilfe wirklich sehr. Ich schließe diese Ausgabe.
Ju99ernaut
Sie können das zu jedem Komponententyp hinzufügen mit: '''js const components = editor. Components.getTypes(); components.forEach(component => { hier Eigenschaften manipulieren... }); ```
Hinweis: Dies geschieht im Kontext des Style Managers. Gibt es eine Möglichkeit, verschiedene Varianten derselben Style-Eigenschaft zu verwenden? Wenn ich zum Beispiel die Text-Align-Eigenschaft auf einer nicht-textbezogenen Knotenkomponente verwende, möchte ich, dass das Label "Inhalt ausrichten" mit den Optionen "li...
Ju99ernaut
Ich glaube nicht, dass das mit der API möglich ist, funktioniert 'Textausrichtung' auch für nicht-textbasierte Komponenten? Du wirst wahrscheinlich die Eigenschaft 'align-content' von 'flexbox' verwenden wollen.
artf
Du solltest versuchen, die Eigenschaft 'Stylable-Require' von Component zu nutzen, um die jeweilige Stil-Eigenschaft (markiert mit 'toRequire') und 'unstylable' für die Eigenschaft anzuzeigen, die du nicht brauchst. '''js Redakteur. Compon...
Joshmamroud
@artf Danke für deine Antwort. In diesem Fall hätte ich trotzdem ein Problem mit der Verwendung der Eigenschaft 'align-content' bei flexiblen Spalten und Zeilen. Für Spalten möchte ich, dass die Optionen 'Oben', 'Mitte' und 'Unten' anzeige...
Hallo @artf Gibt es eine Möglichkeit, alle Standard-Buttons von Grapesjs in einer benutzerdefinierten Div so anzuhängen, wie wir es im Style-Manager anhängen? Hier https://codepen.io/artf/pen/MQpZPj Danke
artf
Wie du im Beispiel sehen kannst, kannst du das Panel-Ziel über die Option 'el: '#'' angeben, die dann deine Buttons enthalten sollte
Abhisheknanda1344463
Hallo @artf Könntest du bitte folgendes bestätigen: { id: 'Optionen', El: '#blocks'}' Ich habe es versucht, das funktioniert nicht Oder muss ich einen neuen Button für mein neues Panel erstellen? Übersehe ich etwas? Danke im Voraus
Hallo @artf ich versuche, neue Arten von Eigenschaften hinzuzufügen. Unten ist mein Code. Es aktualisiert auch die Werte im Code, aber beim Neuladen wird das Link-Merkmal auf Standard gesetzt. Hier ist mein Code 'Redakteur. DomComponents.addType('link', { model: dModel.extend({ defaults: Object.assign({}, dModel.proto...
Abhisheknanda1344463
Es funktionierte, nachdem ich einen Code ins Plugin gelegt hatte.
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...
Version: "0.16.18" Kannst du den Fehler aus der Demo reproduzieren? [X] Ja [ ] Nein Schritte zur Reproduktion des Fehlers in der Web-Builder-Demo: Öffne die Demo und die Konsole, gib ein 'Redakteur. Canvas.addFrame({ Name: 'Mobile Home Page', x: 100, // Position auf Leinwand y: 100, Breite: 500, // Rahmenmaße Größe: 6...
artf
Danke @FlowingCloudRTL für den Bericht, aber die Multi-Frame-Funktion ist noch lange nicht abgeschlossen, daher überrascht mich die Probleme nicht. Falls jemand Interesse hat, diese Funktion weiter auszubauen, lasst es mich bitte wissen