Ich habe das in der Website-Demo reproduziert, daher weiß ich, dass es nicht an meinem Code liegt. Wenn du eine Min-Height und Breite auf einen Textblock setzt und dann den gesamten Text löschst, sodass er leer ist, dupliziert sich der Text beim erneuten Eingeben.
Ryandeba
Hallo @markbailey, Ich konnte dieses Problem wiederherstellen und habe eine Pull Request zur Behebung eingereicht. Die duplizierten Inhalte erscheinen nur im Dom, nicht in den Komponenteneigenschaften, und das Erzwingen der Ansicht nach de...
Markbailey
Hallo @ryandeba, danke für die Infos und die Lösung. Ich freue mich darauf, dass deine Änderungen zusammengeführt werden.
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.
Mir ist aufgefallen, dass es in der aktuellen Demo nur möglich ist, die meisten Blöcke mit dem Property-Editor zu vergrößern, nicht durch das Ziehen von Ankern auf den Block (was zum Beispiel mit dem Kartenelement möglich ist). Ist das beabsichtigt oder einfach eine Funktion, die noch nicht implementiert wurde?
Ryandeba
Hallo @matthewgertner, Ich glaube, das kann auf einzelnen Komponenten über die Eigenschaft "resizable" aktiviert werden: 'component.set("resizable", true)'. Es wird wahrscheinlich nicht besonders gut funktionieren bei Elementen mit einem '...
artf
@matthewgertner Ryans Lösung sollte funktionieren, und ja, ich wende sie aus bereits erklärten Gründen nicht von Planung an, aber man kann tatsächlich Blöcke/Komponenten erstellen, wenn die Größenänderung aktiviert ist
Matthewgertner
@ryandeba @artf Super, danke für den Vorschlag. Wir spielen gerade mit dem Codebase, also probieren wir das aus.
Wäre es möglich, einen Block zu erstellen, der es dem Benutzer erlaubt, in responsivem HTML entweder direkt auf die Vorlage oder seitlich im Style/Layout-Manager zu schreiben?
Ryandeba
Hallo @NorthstarTech, Ich habe gerade ein Plugin erstellt (sehr früh, könnte noch etwas verbessert werden), das dir vielleicht hilfreich sein könnte: https://github.com/ryandeba/grapesjs-html-block. Du solltest diese Datei einfach in dein...
Ryandeba
@chiqui3d Ändere die Funktion 'isComponent' in diese, um zu verhindern, dass das anfängliche interne HTML von grapesjs in Komponenten umgewandelt wird: Der andere Code, den ich gepostet habe, sollte verhindern, dass Grapesjs nach dem Bearb...
Ryandeba
Ich glaube, dieses Problem ist gelöst und könnte aufgrund des ersten Kommentars hier abgeschlossen werden: https://github.com/ryandeba/grapesjs-html-block/issues/1. @NorthstarTech könntest du bestätigen oder mit weiteren Details antworten,...
Wie man benutzerdefinierten HTML-Typ-Merkmale hinzufügen, damit der Benutzer den iFrame-Code eingeben kann und er sich im HTML einbettet.
artf
Ich würde sagen, es ist eine völlig andere Art von Component.
Deepak813
Haben wir diese Komponente in der nächsten Version in Video-Typ Traits bekommen?
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.
Ist es möglich, und falls ja, wie man das macht, z. B. ein benutzerdefiniertes HTML-Element zu verwenden? <body> <my-custom-tag/> </body> Welcher rendert für das Vorschaufenster bestimmtes HTML, aber die Quelle gibt das benutzerdefinierte Tag aus? Danke, Paul
artf
Ja, du kannst verschiedene Tag-Namen in deiner benutzerdefinierten Komponente verwenden '''js const DC = Editor. DomComponents; const defaultType = dc.getType('default'); dc.addType('my-custom-type', { model: defaultType.model.extend({ Tag...
paulroberttaylor-zz
Danke @artf, das weist mich in die richtige Richtung. Wenn ich möchte, dass alles, was im Block bearbeitbar sein muss, im benutzerdefinierten Tag-Code angezeigt wird, wie würde ich das erreichen?
artf
Du meinst so etwas? '''js Redakteur. BlockManager.add('custom-block', { Etikett: 'Custom Block' Inhalt: '<custom-tag>...</custom-tag>', }) ```
Hallo, Ich habe eine Idee für eine App, von der ich denke, dass die Leute in meinem Bereich sie nützlich finden würden. Im Grunde gibt es ein Framework, das wir für die Anwendungsentwicklung verwenden, aber dafür gibt es keinen UI-Builder. Es gibt einen ziemlich großen CSS/Icons/SVG/Fonts-Asset-Ordner. Ich möchte ein...
artf
Hallo Paul, du kannst auf diese Weise externe Stile einfügen '''js const editor = grapesjs.init({ ... Leinwand: { Styles: ['... file1.css', '... file2.css', '...'] } }); ```
paulroberttaylor-zz
Fantastisch! Danke @artf
suraj740
Hallo @paulroberttaylor, wie du Schriftarten in Stile eingebaut hast, Ich mache das auch, aber es ändert sich nichts. const editor = grapesjs.init({ ... Leinwand: { Styles: ['<Link href="https://fonts.googleapis.com/css?family=Roboto" rel=...
Hallo, Es gibt ein neues Problem mit GrapesJS (vielleicht). Ich habe eine neue Komponente mit 'bm.add()' erstellt, bei der ich ein Tabellenelement mit den <thead>Tags ''' und '' verwendet habe<tbody>. Aber wenn ich HTML mit der Methode 'editor.getHtml()' bekomme, werden die <thead>Tags ''' und '<tbody>' weggelassen. K...
artf
@fsaiyedOB ja, ich habe die Tabellenkomponente so erstellt, weil der Sortier in diesem Moment anders funktionierte und es chaotisch war, Zeilen mit 'tbody'-ähnlichen Elementen zu ordnen. Im Moment ist es nicht meine Priorität, mit Tabellen...
Ryandeba
Danke! Ich werde versuchen, in den nächsten Tagen damit anzufangen.
Ryandeba
Hallo @artf – ich kann mir das wahrscheinlich irgendwann mal ansehen. Ich habe damit angefangen, einfach den Abschnitt "Tabellenzeilen von Nicht-Zeilen entfernen" im Tabellenkomponenten (Zeilen 54-68) zu entfernen. Können Sie mir die richt...
Versuche, eine benutzerdefinierte Komponente zu erstellen, siehe Demo hier und Code hier Ziehe zwei 'Button' heraus, dann zwei 'Button + Link' Die beiden Tasten haben die richtige Breite, aber die benutzerdefinierte Komponente ist irgendein seltsames, vollbreites festes Gebäude Warum? ! Bild
artf
Die Standard-Eigenschaft 'tagName' ist ein 'div', ändere das in deinem Modell '''js ... defaults: Object.assign({}, defaultModel.prototype.defaults, { TagName: 'span', //<--- Droppbar: Falsch, ... ```
Geczy
Jetzt ergibt das Sinn, danke
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.
@artf kannst du bitte ein vollständiges Beispiel für ein Diagramm geben, das chart.js mit Eigenschaften verwendet, um Farbe, Werte und Datenpunkte zu ändern? Es wäre großartig, wenn ich Hilfe bekommen könnte.
Geczy
Du kannst die Sandbox-Demo hier https://github.com/artf/grapesjs/issues/559 Es erlaubt dir, Eigenschaften zu modifizieren und den Dom zu aktualisieren. Das sollte dir helfen, loszulegen
suchithmahadi
@artf Bitte helft mir.
artf
@suchithmahadi für solche Fragen würde ich empfehlen, sie auf https://stackoverflow.com
Ich sehe, dass Klassen auf Canvas hinzugefügt werden, aber wenn ich HTML über editor.gethtml() bekomme, sind einige Klassen nicht enthalten und es sind einfach Divs ohne Klassen. Beigefügter Screenshot mit HTML auf Canvas und HTML über editor.gethtml() ! Gefangennahme
Geczy
Ich glaube nicht, dass 'gjs-'-präfixierte Klassen zurückkehren
arthuralmeidap
Wenn du 'editor.getHtml' verwendest, gibt es nur das HTML zurück. Wenn du das CSS auch brauchst, kannst du 'editor.getCss()' verwenden.
Geczy
Ich benutze newsletter-Plugin und 'const html = window.grapesjs.editors[0].runCommand('gjs-get-inlined-html')'