GrapesJs新闻信件构建器将组件与免费标记注释集成在一起

Question

从Issue i create 10 Days ago我需要帮助解决....

您好

解释 我正在使用新闻信件预设它的cooool

问题 我有不受欢迎的行为

关于问题的更多信息 检查下面的两个链接并尝试导出你可以告诉区别这里是一个屏幕截图：）

with gjs-preset-newsletter plugin https://jsfiddle.net/shareefhiasat/Lup78L17/5/

with gjs-blocks-basic plugin https://jsfiddle.net/shareefhiasat/4q3kxthj/1/

那又怎样？ 它是同一个小提琴;唯一的区别是插件

预期结果 我希望在我的内容

中没有像样式这样的额外属性添加到标签中

更新

我可以阻止风格出现，但现在有额外的双引号检查 （通过评论css怎么样，（我不知道这有什么影响所以请指教））

现在又是另一个问题

这些双引号在后端的自由标记语法渲染中是错误的。

@artf你可以建议谢谢

简而言之 原始代码必须保持原样 <#assign currentDate=. now></#assign>

成为

<#assign currentDate="." now="">

这是错误的，抛出异常，不正确的语法！

更新

经过多次尝试后，我决定尝试将其添加为组件，现在还可以 之后我评论了这一行 https://github.com/artf/grapesjs-preset-newsletter/blob/601ad471b29c2ffb08bc07ad9c8ecc0b6064dd21/src/openExportCommand.js#L44

并替换为

codeViewer.setContent(tmpl);

但仍有一个问题，</#list>没有出现在屏幕或HTML的来源上。

https://jsfiddle.net/3xhqkc96/12/

更新 我试过这里......

解析器 这里 https://github.com/artf/grapesjs/blob/f74791da68b25d1037502a2ad06093da29e25830/src/parser/index.js#L49

为</#list> </#assign>

等免费标记展开我的结束标记

我也跟踪了这里发生的问题

这一行有什么特别之处！？

我在控制台中尝试检查结束标记只是评论了！

要点： 我仍然无法让它工作

Answer 1

电子邮件通讯/模板通常不支持外部CSS。因此，它几乎完全依赖于内联CSS。这就是为什么使用新闻通讯插件会更改GrapeJS导出HTML和CSS的方式，并为您提供内联HTML-CSS的原因。