Hallo, Gibt es eine Möglichkeit, Text innerhalb von Element zu verschieben? So etwas wie absolutes Drag & Drop
Geczy
Nein, es steht aber auf der Roadmap https://github.com/artf/grapesjs/issues/74Absolute/Designer-Modus Mit aktiviertem Modus sollte der Benutzer Komponenten "frei" innerhalb der Leinwand bewegen können (abhängig von absoluter Positionierung...
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 kann ich einen externen Skript-Link beim Erstellen einer Komponente weitergeben? So, bm.add('test-block2', { Etikett: 'Testblock2', Attribute: {Klasse: 'fa fa-text'}, Inhalt: { script: '<script src="https://cdn.ckeditor.com/4.6.2/full/ckeditor.js"></script>CKEDITOR.replace( \'editor1\' )', Inhalt: '<te...
Verschieben Sie das 'script'-Tag, um CKEditor auf der HTML-Seite zu importieren, und rufen Sie das Skript einfach im Block auf.
Rohanreddyg
JavaScript erlaubt irgendwie kein Skript-End-Tag ("</script>") mit In-String. Ändere also einfach den Code so: 'script: '<script>alert("Hi");<' + '/script>' `
Hallo @artf, Ich würde gerne eure Meinung zu den folgenden zwei Punkten hören, bevor ich eine Pull Request einreiche. Diese dienen dazu, die Anforderungen eines Projekts zu erfüllen, an dem ich gerade arbeite, aber ich hoffe, dass sie einen Platz im Kernbereich von Grapesjs haben könnten.Verhindern Sie den Hover-Highl...
artf
Vermeiden Sie den Schwebe-Highlight-Effekt bei bestimmten Komponenten. Komponenten haben bereits eine "hervorhebbare" Eigenschaft, die für den gepunkteten Umriss-Stil verwendet wird. Ich habe darüber nachgedacht, dieselbe Eigenschaft zu ve...
Ryandeba
Danke für das Feedback! Ich habe ein paar Pull Requests für diese Artikel erstellt, sag Bescheid, wenn du weiter diskutieren möchtest.
Hallo, Ich möchte fragen, ob es bereits Unterstützung oder eine API gibt, um neue Komponenten zu einer bestehenden Komponentenliste hinzuzufügen (z. B. nach dem Abrufen oder dynamischen Generieren). Ich spreche von so etwas wie Folgendem: Ich habe die Dokumentation studiert und das Nächste, was ich gefunden habe, ist...
Ryandeba
Leider kenne ich keinen einfachen Weg, ein bestimmtes Komponentenobjekt zu bekommen, ohne es rekursiv durchzugehen, um das gewünschte zu finden, aber das klingt nach einer großartigen Idee! Vielleicht kannst du so etwas machen, um alle Kom...
baxxos
Danke für eure Antworten, ich denke, meine Frage wurde beantwortet und es gibt nicht viel mehr hinzuzufügen. Ich schließe das jetzt, aber die 'find()'-Methode wäre eine willkommene Ergänzung zu diesem großartigen Framework.
Ryandeba
Hallo @baxxos, Versuchst du so etwas zu machen: https://jsfiddle.net/ztqsugaw/3/?
Ich habe das hier gefunden hier #351, aber scheint den Körperhintergrund nicht zurückzusetzen... Gibt es eine andere Möglichkeit, das zu tun?
artf
@duskhacker würde ich sagen, es hängt irgendwie damit zusammen, aber es ist nicht dasselbe Problem. CSS, das du erwähnst, wird von zwei verschiedenen Orten generiert und ist eine Art einfacher CSS-Reset. '*{Box-Größe: Randbox;}'kommt von h...
Ryandeba
Hallo @g41n, Kannst du ein JSFIDDLE (oder ein gleichwertiges Formular) bereitstellen, das das Problem zeigt? Ich habe das zusammengestellt, das zuerst die Hintergrundfarbe des Körpers auf Blau setzt und dann den Stil zwei Sekunden später l...
g41n
Hallo @ryandeba, danke für die Antwort. Nach einiger Recherche gibt es hier eine https://jsfiddle.net/x118ks1v/ und Schritte zur Rekonstruktion:Klicke auf den Reset-Button, Reset ist erfolgreichKlicken Sie auf den Text und ändern Sie den H...
Ich möchte darauf hinweisen, dass das Dokument nicht gespeichert ist. Was wäre der beste Weg, um herauszufinden, ob sich die Dokumentdaten seit dem letzten Laden/Speichern geändert haben? Danke!
Duskhacker
Perfekt! Vielen Dank für die schnelle Antwort ... Und auch dieses Projekt. Sehr schön!
artf
Es gibt einen internen Zähler, den du so verwenden kannst '''js editor.on('change:changesCount', () => { const editorModel = editor.getModel(); const changes = editorModel.get('changesCount'); wenn (ändert) { schmutzig } }); Dasselbe wie e...
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.
Im Asset Manager scheint beim Klicken auf das 'x' zum Entfernen eines Assets sowohl das 'onDelete'-Event als auch das 'onClick'-Event auszulösen. Dadurch wird das gerade gelöschte Asset ins Ziel gesetzt. Außerdem kann man nicht auf ein anderes Asset klicken, um es im Ziel zu ersetzen, bis man das Asset Manager-Fenster...
Ryandeba
Hallo @duskhacker, Ich konnte das Problem wiederholen, dass das onClick-Event beim Klicken auf das 'X' ausgelöst wurde (jsfiddle, falls es jemand sehen möchte: https://jsfiddle.net/8v946q4b/3/). Tut mir leid, dass ich momentan nicht viel Z...
Duskhacker
Ich habe vielleicht morgen Zeit, das zu recherchieren, falls du noch Probleme hast @ryandeba Danke für die Nachfrage! Das ist eines meiner offenen Probleme mit GrapesJS. Ich weiß, dass ich es nicht in einem angemessenen Zeitrahmen beheben...
Ryandeba
@duskhacker – Ich habe eine Pull Request eingereicht, die diesen Fehler beheben sollte https://github.com/artf/grapesjs/pull/560
Nur so ein Gedanke, aber du solltest vielleicht in Erwägung ziehen, fontawesome agnostisch in deine CDN-Dateien zu laden. Derzeit bekomme ich "Zugriff auf Schriftart bei 'https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.12.37/fonts/fontawesome-webfont.woff2?v=4.7.0' vom Ursprung 'http://localhost:3000' wurde durch di...
artf
Danke @kickbk :) Jedenfalls verstehe ich nicht genau, welche Lösung deine Lösung ist
kickbk
@artf du beziehst dich in https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.12.37/css/grapes.min.css auf FA mit '...'FontAwesome'; src:url(".. /fonts/fontawesome-webfont.eot?v=4.7.0")' CloudFlare versucht also, die Schriftarten aus https:/...
artf
@kickbk eigentlich plane ich, FA (#74) aus den Abhängigkeiten von Core zu entfernen und die verwendeten Icons durch SVGs zu ersetzen
@artf danke für das großartige Projekt, es hat das Bearbeiten der Seite viel einfacher gemacht. Standardmäßig konvertiert der Editor Inline-CSS in eine Klasse, aber gibt es eine Einstellung, Inline-CSS nicht in eine Klasse umzuwandeln, da wir es nicht in eine Klasse umwandeln wollen?
artf
Wenn du 'forceClass' grepst, wirst du sehen, dass es nur eine Sache macht https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Components.js#L77 Wenn du also eine neue Komponente hinzufügst und es ein nicht leeres 'Style'-Att...
artf
Hast du es mit 'forceClass' versucht? '''js grapesjs.init({ ... forceClass: falsch, }) ```
Francesca-Cicileo
Ich möchte das auch machen, aber forceClass auf false zu setzen scheint nicht zu funktionieren. Ich habe ein minimales JSFiddle hier erstellt, das versucht, Inline-CSS statt Klassen zu verwenden, aber der Editor verschiebt das Styling imme...
Wie fügt man den benutzerdefinierten Button hinzu, während man einen neuen Sektor in grapesJS einfügt? Gibt es Grundstücke? Wie sollte ich einen Button erstellen, während ich einen neuen Sektor erstelle? Danke
artf
@NorthstarTech Was ist dein Anwendungsfall mit einem Knopf?
NorthstarTech
Es muss nicht unbedingt ein Knopf sein. Wir wollen die Merge-Tags/Platzhalter hinzufügen. Da wir eine große Bibliothek anbieten, wäre es benutzerfreundlich, sie innerhalb eines Sektors zu haben. Im Grunde möchten wir, dass die Platzhalter...
NorthstarTech
#287 ist ähnlich, aber wir sind uns unsicher, wo sie die Merge-Tags im Editor hinzufügen.