Wie fügt man das Symbol der geordneten Liste im Rich-Text-Editor hinzu? Hier ist mein Code. rte.add('insertOrderedList', { Symbol: '',//Wie fügt man hier das Symbol der Orderlist hinzu?? Attribute: {Titel: "Geordnete Liste"}, result: (rte, action) => rte.exec('insertOrderedList'), });
ryandeba
Du kannst einfach den 'Icon'-Wert auf den gewünschten Aufschlag setzen. Hier ist ein Beispiel mit font awesome: Zur Info: Ich habe einige Diskussionen darüber gesehen, font awesome aus Grapesjs zu entfernen. Ich weiß nicht, was die aktuell...
NorthstarTech
Vielen Dank. Funktioniert jetzt einwandfrei.
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 Inhalte dynamisch aus einem Programm importieren, die automatisch in Canvas angezeigt werden?
duskhacker
@suraj740 'editor.setComponents()' nimmt sowohl HTML als auch CSS, also könntest du den Aufruf 'setStyle' einfach überspringen. Was den Rest angeht, hast du dir doch die Dokumentation des Storage Managers angesehen, ja? Man kann darauf pro...
duskhacker
In meinem Projekt setze ich 'data-'-Attribute auf einem HTML-Element und extrahiere sie über '.dataset' in Javascript. Sobald der Editor konfiguriert ist, führe ich: Beachte, dass das HTML so eingerichtet sein muss, dass Grapesjs es verste...
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.