问题 #2639💬 已回答提出于 2020年3月12日作者 MiseryMachine0 个反应

：GrapesJS 移动 Mustache 代币

快速解答作者 pouyamiralayi

你试@MiseryMachine过把桌面内部包裹在你块定义中的“tbody”里吗？或者至少把你的胡须标记移到标签里？

问题

你好，我正在使用 GrapesJS 让用户创建报表模板。我遇到过一个创建表格的块，但表格行是由Mustache代币决定的。然而，渲染时，标记会被移出表元素。我认为表格或表格行样式不允许这些标记存在于表格元素结构中。我的街区： “JavaScript bm.add（'product-list-block'， { 标签：“产品列表”，属性：{ 类别：“FA FA-header” }, 分类：“产品”，内容： <div> <table data-gjs-type=“product-list-type” style=“width： 100%;margin： 10px 15px;”> <tr style=“高度：24px;背景：#72a1c3”> <th style=“宽度： 15%”>图片</th> <th>详情</th> </tr> {{#bomGroupProducts}} <tr> <td style=“width： 15%”>{{productImageUrl}}</td> <td> <div style=“font-weight： bold”>{{productName}}</div> <div>{{productDescription}}</div> <div>SKU： {{productSku}}</div> </td> </tr> {{/bomGroupPr...

回答（3）

pouyamiralayi• 2020年3月12日

你试@MiseryMachine过把桌面内部包裹在你块定义中的“tbody”里吗？或者至少把你的胡须标记移到标签里？

MiseryMachine• 2020年3月13日

谢谢你的建议。我试过，结果还是一样，遗憾的是。块状脚本： “JavaScript bm.add（'product-list-block'， { 标签：“产品列表”，属性：{ 类别：“FA FA-header” }, 分类：“产品”，内容： <div> <table data-gjs-type=“product-list-type” style=“width： 100%;margin： 10px 15px;”> <tr style=“高度：24px;背景：#72a1c3”> <th style=“宽度： 15%”>图片</th> <th>详情</th> </tr> <tbody dat...

artf• 2020年3月18日

不，你不能这么做，因为那时你的HTML是无效的，HTML解析器会把它移出去。你需要创建一个有效的HTML内容，才能让浏览器正确渲染： '''html <tr> <td> {{#bomGroupProducts}} <table> ... <tr> <td style=“width： 15%”>{{productImageUrl}}</td> <td> <div style=“font-weight： bold”>{{productName}}</div> <div>{{productDescription}}</div> <div>SKU： {{productSku}}</div> </td...

在 GitHub 上查看完整讨论 →