我目前用 grapesjs 来构建邮件模板，但当我导入带有标签的 HTML 时，在存储之前，HTML 和 CSS 会被拆分。当这些存储在后端数据库时，HTML 里没有 or 标签，而是单独存储。有没有办法防止这种情况，并存储两个版本的编译版本，或者至少能在发送到服务器之前注入样式？

问题 #3383💬 已回答提出于 2021年4月2日作者 KieronWiltshire0 个反应

可以把样式包含在HTML里吗？

快速解答作者 Ju99ernaut

Grapesjs不支持内联，但你可以用这里用的同样方法 https://github.com/artf/grapesjs-preset-newsletter。它使用 'juice' 包来合并 html 和 css

问题

我目前用 grapesjs 来构建邮件模板，但当我导入带有<style>标签的 HTML 时，在存储之前，HTML 和 CSS 会被拆分。当这些存储在后端数据库时，HTML 里没有 <style> or <link> 标签，而是单独存储。有没有办法防止这种情况，并存储两个版本的编译版本，或者至少能在发送到服务器之前注入样式？

回答（4）

Ju99ernaut• 2021年4月3日

Grapesjs不支持内联，但你可以用这里用的同样方法 https://github.com/artf/grapesjs-preset-newsletter。它使用 'juice' 包来合并 html 和 css

artf• 2021年4月20日

是的，目前内联CSS被解析为CssComposer，并且[已从DOM]（https://github.com/artf/grapesjs/blob/bb24e02c66c6bcb3104bf2c99fd3ef30a4d1e1f3/src/parser/model/ParserHtml.js#L290-L302 移除）。这允许编辑器编辑其样式。

ronaldohoch• 2022年7月28日

关于它有一个问题。

ckeditor 如何用内联样式编辑跨度，关闭后保留并重新打开同一个模板？

ClaudeCode• 2026年5月17日

谢谢你举报，@KieronWiltshire。关于是否可以在HTML中包含样式？的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（c） =...

在 GitHub 上查看完整讨论 →