问题 #2109💬 已回答提出于 2019年7月1日作者 inventorbit1 个反应

顺风灵活课程不起作用

快速解答作者 artf1

#1703 等待救援 😬

阅读下方完整回答 ↓

问题

感谢你提供了这个出色的框架并将其开源。 我想用 GrapesJS 搭配 Tailwind,不幸的是 grapesjs 在选择器里把“/”替换成了“-”。有没有可能覆盖这个设置?

当我尝试在Canvas中拖放响应式列时

<!-- 两列——>
<div class=“flex mb-4”>
  <div class=“w-1/2 bg-gray-400 h-12”></div>
  <div class=“w-1/2 bg-gray-500 h-12”></div>
</div>

它将它们替换为:

<div class=“flex mb-4”>
  <div class=“w-1-2 bg-gray-400 h-12”>Drop Your Content
  </div>
  <div class=“w-1-2 bg-gray-500 h-12”>Drop Your Content
  </div>
</div>

我该如何解决这个问题?请帮帮我。

回答(3)

artf2019年7月12日

#1703 等待救援 😬

gavinhewitt2020年3月13日

感谢你提供了这个令人惊叹的框架并将其开源。我想用 GrapesJS 搭配 Tailwind,不幸的是 grapesjs 在选择器里把“/”替换成了“-”。有没有可能覆盖这个设置?当我尝试在Canvas中拖放响应式列时 它将这些模板替换为: 我该如何解决这个问题?请帮帮我。 你在让葡萄与Tailwind @inventorbit合作方面进展如何?很想看看!

chrisreedtech2020年7月2日

你在让葡萄与Tailwind @inventorbit合作方面进展如何?很想看看!

@artf,我也很好奇这方面有没有进展,或者有没有可用的解决办法?

感谢你花时间培育葡萄!

相关问答

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

问题 #5229

内容为“null”的TextNode被渲染为“null”,而不是空白

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 版本 114.0.5735.199(官方构建)(64位)可复制演示链接 无描述一下那个虫子 如何复现这个漏洞?丢弃该组件 '<div class=\“flex items-center...

4 个回答更新于 2023年7月17日

问题 #3866

SVG 在任何 HTML 元素中无法渲染

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 版本 94.0.4606.81(官方构建)(64 位)可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 如何复现这个漏洞? 直接添加任何在画布中可见的SVG...

4 个回答更新于 2021年11月18日

问题 #6685

自定义组件样式在删除和重新添加后不会被应用

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞? 打开页面...

4 个回答更新于 2026年2月18日

问题 #3345

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

我正在努力让葡萄Vue.js工作,但没有进展,我一直在跟着起步,但没能让它正常工作。到目前为止,我已经把它加到了“mounted()”部分,也拿到了带方块的按钮可以显示和添加,但[面板和按钮部分](https://grapesjs.com/docs/getting-starte...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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