生成的样式在类名中不会逃脱冒号
问题
我目前正在本地开发一个项目,使用 GrapeJS 并与一些 Tailwind UI 组件集成。
它大体上运行良好,但我注意到对某些元素进行修改(例如更改文本颜色或格式)并不起作用。
仔细看,我发现这是因为生成的样式不会逃逸出 grapesJs 用来制作 CSS 选择器的类冒号。
例如,GrapeJs 输出的选择器是:
.text-3xl.leading-9.font-extrabold.text-gray-900.sm:text-4xl.sm:leading-10.lg:text-5xl.lg:leading-none{
颜色:#3866c2;
}
选择器实际上应该是这样的:
.text-3xl.leading-9.font-extrabold.text-gray-900.sm\:text-4xl.sm\:leading-10.lg\:text-5xl.lg\:leading-none{
颜色:#3866c2;
}
回答(1)
谢谢你的报告@kierenayima 选择器将在下一版本中通过CSS逃逸
相关问答
通过相似的问题讨论继续研究。
问题 #3168
FEAT:下载/导出图片——喜欢在课堂项目中使用
你想给GrapesJS添加什么? 能够导出图片/图片文件夹的压缩包下载 详细描述你的功能需求详细 GrapeJS 是一个极好的工具,小学生可以用来创建自己的关于我页面。 不确定在压缩包下载中添加图片文件夹的功能有多难。请看CSS被导出。但IMG文件夹不行。 看了grapesjs...
问题 #1494
顺风类别
我想用 [Tailwind](https://tailwindcss.com/) 搭配 GrapesJS,但这个框架使用 Utility-First CSS Classes来构建快速布局。问题在于它还使用[“特殊”类别](https://tailwindcss.com/docs...
问题 #3525
优点:在样式管理器中,允许要求默认设置
你想给GrapesJS添加什么? CSS 属性 'float' 只适用于 'position: static;' 元素,而这恰好是默认设置。我只想在位置没有设置其他时显示浮球无线电选择器。 但是,如果我在属性定义中添加“require: ['static'];',该设置只在我明...
问题 #1577
内联CSS注释导致代码管理器失效
显然,这段HTML和CSS是有效的: '<div style=“color: red; / height 200px; /; font-weight: blan;”>' (因此才有注释的height属性) Grapesjs 在处理此类属性时遇到困难,因为模型上的 style 属...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
教程
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
浏览插件分类
直接跳转到市场上的插件分类页面。