Is it possible to include the style in the html?
Grapesjs不支持内联,但你可以用这里用的同样方法 https://github.com/artf/grapesjs-preset-newsletter。它使用 'juice' 包来合并 html 和 css
阅读下方完整回答 ↓问题
我目前用 grapesjs 来构建邮件模板,但当我导入带有<style>标签的 HTML 时,在存储之前,HTML 和 CSS 会被拆分。当这些存储在后端数据库时,HTML 里没有 <style> or <link> 标签,而是单独存储。有没有办法防止这种情况,并存储两个版本的编译版本,或者至少能在发送到服务器之前注入样式?
回答(4)
Grapesjs不支持内联,但你可以用这里用的同样方法 https://github.com/artf/grapesjs-preset-newsletter。它使用 'juice' 包来合并 html 和 css
是的,目前内联CSS被解析为CssComposer,并且[已从DOM](https://github.com/artf/grapesjs/blob/bb24e02c66c6bcb3104bf2c99fd3ef30a4d1e1f3/src/parser/model/ParserHtml.js#L290-L302 移除)。这允许编辑器编辑其样式。
关于它有一个问题。
ckeditor 如何用内联样式编辑跨度,关闭后保留并重新打开同一个模板?
谢谢你举报,@KieronWiltshire。 关于是否可以在HTML中包含样式?的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('component:mount', (c) =...
相关问答
通过相似的问题讨论继续研究。
问题 #3327
有没有办法让 VML 代码保留在 CSS 里,以避免某些样式出现在 Outlook 里?
嗨。当我尝试用带有一些 VML 包装标签的现有 HTML 代码生成新闻通讯模板时<style>,现有的样式类处理得很好,尽管编辑器中删除了相关 VML 的提及。 能否给我一些可能的变通方法?GrapesJS CSS 编辑器里真的有可能有 VML 代码吗?
问题 #3304
How I can customize the UI of Grapesjs?
我想自定义 Grapesjs 的界面,但 js 和 css 文件都被压缩了。请告诉我该怎么做?我只是想在界面里保留一些特定的模块,比如图片、文本等。
问题 #3255
Custom Style Manager
你好@artf 我正在尝试这样更改显示属性的类型和输入值 -: 但在样式管理器中按钮是看不到的。 我们如何自定义显示属性 “''js const styleManager = 编辑器。风格经理; styleManager.addSector('div-only-sector',...
问题 #3241
从演示版导入HTML和CSS到升级版,一次性导入?
Way to Importing Html and CSS from demo to upgrade version, one shot import ?
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
教程
如何在2026年用 GrapesJS 构建AI驱动的页面构建器
我们构建GJSDocs的经验——从简单的AI文本生成到结构化、上下文感知的视觉编辑
教程
2026年构建一个SaaS页面构建器需要多少钱?
2026年构建一个SaaS页面构建器的成本是多少?探索实际的开发成本、时间表、功能,以及使用 GrapesJS 如何降低成本
浏览插件分类
直接跳转到市场上的插件分类页面。