PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #2624💬 已回答提出于 2020年3月5日作者 kierenayima1 个反应

生成的样式在类名中不会逃脱冒号

快速解答作者 artf❤ 1

谢谢你的报告@kierenayima 选择器将在下一版本中通过CSS逃逸

阅读下方完整回答 ↓

问题

我目前正在本地开发一个项目,使用 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)

artf• 2020年3月10日

谢谢你的报告@kierenayima 选择器将在下一版本中通过CSS逃逸

相关问答

通过相似的问题讨论继续研究。

问题 #4512

Almost all examples from this page fail with grapejs

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 版本 103.0.5060.134(官方构建)基于 Ubuntu,运行于 Ubuntu 18.04(64 位) 可复制演示链接 https://alvarotrigo.com/blog/...

3 个回答更新于 2022年9月12日

问题 #3168

FEAT:下载/导出图片——喜欢在课堂项目中使用

你想给GrapesJS添加什么? 能够导出图片/图片文件夹的压缩包下载 详细描述你的功能需求详细 GrapeJS 是一个极好的工具,小学生可以用来创建自己的关于我页面。 不确定在压缩包下载中添加图片文件夹的功能有多难。请看CSS被导出。但IMG文件夹不行。 看了grapesjs...

3 个回答更新于 2020年12月16日

问题 #3443

Backbone-undo/underscore security advisory

版本: v0.17.3 你能重现演示中的bug吗?[x] 是的[ ] 不 预期的行为是什么? 见下文 目前的行为是什么? 嵌套依赖使用的某个underscore版本存在已知的安全漏洞。 当前版本的grapejs利用了backbone-undo ^0.2.5 https://gi...

4 个回答更新于 2021年7月5日

问题 #3345

面板和按钮部分,入门时无法使用 Vue.js

我正在努力让 grapejs Vue.js工作,但没有成功,我跟着入门程序操作,但还是没能正常工作。到目前为止,我已经把它添加到了 mounted() 部分,并且已经设置了一些带方块的按钮,可以显示并添加,但 [面板和按钮部分](https://grapesjs.com/doc...

4 个回答更新于 2021年4月7日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。