问题 #1531💬 已回答提出于 2018年10月19日作者 alfaalex810 个反应

CSS级

快速解答作者 alfaalex81

比如我在Canvas上有这样一个代码 GrapesJs 为 CSS 添加了该类 这个规则修改了所有带有该类元素的元素,这是一个我们在所有网站中使用的通用引导类。

阅读下方完整回答 ↓

问题

嗨!这个问题可能已经有人说过了,但我不明白我哪里错了。我在init GrapesJs上用这三个参数。

                protectedCss: “,
                avoidInlineStyle: true,
                forceClass: true,

我希望 GrapeJs 不编辑已有的 CSS,只创建自己的 CSS。可能吗?

谢谢!

回答(3)

alfaalex812018年10月22日

比如我在Canvas上有这样一个代码

<div class=“row”>
    <div class=“col-md-6” style=“min-height: 50px”></div>
    <div class=“col-md-6” style=“min-height: 50px”></div>
</div>

GrapesJs 为 CSS 添加了该类

.col-md-6 {
	最小高度:50像素;
}

这个规则修改了所有带有该类元素的元素,这是一个我们在所有网站中使用的通用引导类。

artf2018年10月29日

@alfaalex81我无法复现,请制作一个现场演示

alfaalex812018年10月30日

https://jsfiddle.net/ugc1otnk/

在示例中,当我在第一列更改背景色时,GrapesJs 将 css 属性设置为外部类 “col-md-6”,也就是引导类名。我更喜欢Grapesjs自设职业。

而且我觉得我发现了一个bug。选择第一列,并在 stylee 管理器面板中取消选择“col-md-6”类,类名“example”会出现,但该类在第二列关联。这只是个视觉上的bug。

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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