可编辑单元

Question

你好， 我用 GrapesJS 来发送新闻通讯（带有 gjs-preset-newsletter 插件），导入代码时遇到问题。我无法编辑类型为“cell”的框（tds、trs等）。 我读到它是参数，尝试更改，但无果。 有没有办法在不更改源代码的情况下实现？

cody1991 · Accepted Answer

我的解决方案： “''t” 编辑。Components.addType（'cell'， { isComponent（el） { 如果（！（['td'， 'th'].indexOf（el.tagName？.toLowerCase（）） >= 0）） { 返回false; } const allChildNodes： Node[] = []; function collectChildNodes（arr： Node） { const { childNodes } = arr; 如果 （childNodes.length > 0） { 对于（设索引 = 0;索引 < childNodes.length;索引 += 1） { const arrayChildNode = childNodes[index]; if （arrayChildNode.childNodes？.长度 > 0） { collectChildNodes（arrayChildNode）; } 否则 { allChildNodes.push（arrayChildNode）; } } } 否则 { allChildNodes....

artf · Answer

你应该用其他标签包裹文本。如果你不能更改内容，你可能应该用 [extend]（https://github.com/artf/grapesjs/wiki/Components#update-component-type） [原始组件]（https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentTableCell.js）例如，在isComponent内部做某种更改 “''js isComponent（el） { 令结果 = ''; const tag = el.tagName; 如果（标签 == 'TD' || 标签 == 'TH'） { 结果 = { 类型：“细胞”，标签Name：tag.toLowerCase（） }; 如果（ / 例如 el 有一个文本节点元素 / ） { result.components = '

${el.innerText}

' } } 返回结果; } ```

Shah-ali · Answer

我也有同样的问题，正在等待答案...... #1257

可编辑单元

问题

回答（3）

相关问答

我们正在尝试在 Angular 10 应用中存储 grapesJS 编辑器中的数据，但出现了 CORS 错误，附上了下面的图片

BUG 导入为 Angular 6 模块时

如果你导入带有无效（编号）属性的 HTML 内容，grapesjs 会抛出 DOMException

用服务器端的 if 或 foreach 表达式（即 MVEL）丰富任何组件

与此问题匹配的付费插件

浏览插件分类