Problem #2639💬 BeantwortetMar 12, 2020 geöffnetvon MiseryMachine0-Reaktionen

GrapesJS bewegt Schnurrbart-Token

Kurze Antwortvon Pouyamiralayi

@MiseryMachine hast du schon versucht, deine Tisch-Innenseiten in einen ''Tbody'' in deiner Block-Definition einzuwickeln? Oder zumindest deine Schnurrbart-Tokens in ein Etikett zu verschieben?

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Hallo, Ich arbeite mit GrapesJS zusammen, um Nutzern die Erstellung von Berichtsvorlagen zu ermöglichen. Ich bin auf ein Problem mit einem Block gestoßen, der eine Tabelle erstellt, aber die Tabellenzeilen werden durch Schnurrbart-Token bestimmt. Beim Rendern werden die Token jedoch außerhalb des Tabellenelements verschoben. Ich glaube, der Tabellen- oder Tabellenzeilen-Stil erlaubt nicht die Existenz dieser Token innerhalb der Tabellenelementstruktur. Mein Block: '''javascript bm.add('product-list-block', { Etikett: 'Produktliste', Attribute: { Klasse: 'FA Fa-Header' }, Kategorie: 'Produkte'...

Antworten (3)

Pouyamiralayi‱ Mar 12, 2020

@MiseryMachine hast du schon versucht, deine Tisch-Innenseiten in einen ''Tbody'' in deiner Block-Definition einzuwickeln? Oder zumindest deine Schnurrbart-Tokens in ein Etikett zu verschieben?

MiseryMachine‱ Mar 13, 2020

Danke fĂŒr deinen Vorschlag. Ich habe das leider mit demselben Ergebnis versucht. Blockskript: '''javascript bm.add('product-list-block', { Etikett: 'Produktliste', Attribute: { Klasse: 'FA Fa-Header' }, Kategorie: 'Produkte', Inhalt: ' <div> <table data-gjs-type="product-list-type" style="width: 10...

artf‱ Mar 18, 2020

Nein, das geht nicht, denn in diesem Fall hast du ein ungĂŒltiges HTML, sodass der HTML-Parser es herausbewegt. Man muss einen gĂŒltigen HTML-Inhalt erstellen, damit der Browser ihn korrekt darstellt: '''html <tr> <td> {{#bomGroupProducts}} <table> ... <tr> <td style="width: 15%">{{productImageUrl}}<...

Verwandte Fragen und Antworten

FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...

Kostenlose Option

ÜberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

Premium-Plugins werden mit Support, regelmĂ€ĂŸigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.

Durchsuchen Sie Premium-Plugins →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.