[QUESTION]: GrapesJS moving Mustache tokens

Question

Hello, I am working with GrapesJS to allow users to create report templates. I've run into a problem with a block that creates a table, but the table rows are determined by Mustache tokens. However, when rendered, the tokens are moved outside of the table element. I believe the table or table row style is not allowing the existence of these tokens within the table element structure. My block: The product-list-type: When I drop the element onto the canvas, the {{#bomGroupProducts}} and {{/bomGro...

pouyamiralayi · Accepted Answer

@MiseryMachine have you tried wrapping your table internal's inside a `tbody` in your block definition? or at least moving your mustache tokens inside a tag?

MiseryMachine · Answer

Thanks for your suggestion. I have tried that with the same result, unfortunately. block script: Output: Maybe it's because GrapesJS is, by default, enforcing HTML structure. I'm still trying to work this out though.

artf · Answer

No, you can't do that because in that case, you have an invalid HTML, so the HTML parser moves it out. You have to create a valid HTML content to make the browser render it correctly:

GrapesJS moving Mustache tokens

Question

Answers (3)

Related Questions and Answers

Question: Dragging blocks into a Text block?

[QUESTION] Support multiple languages for the page content

[Question] Flexbox column is not working correctly.

[QUESTION/BUG?] Dragging second block don't haveCSS

Paid Plugins That Match This Issue

Browse Plugin Categories