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

问题 #672💬 已回答提出于 2017年12月22日作者 mingodad2 个反应

缺少擦除样式选项的选项

快速解答作者 artf❤ 1

你好@mingodad其实有一个选项可以清除数值,但还在开发中(需要更好地处理复合类型)。 “''js Grapesjs.init({ ... styleManager: { clearProperties: true, ... } }) ```

阅读下方完整回答 ↓

问题

你好! 在某些样式选项中,无法擦除或重置一些选项,比如:

  • font-family:如果我们选择一个字体进行实验,但决定不想要自定义,就无法重置它。
  • dimensions-width:如果我们尝试某个值且不想要自定义值,可以擦除该值,但 CSS 中仍会出现“width:auto”样式,有时会扰乱布局(能否完全移除该属性?)。

其他几个属性也是如此,我们需要在所有属性中设置默认选项,才能从生成样式中移除或擦除它们。

干杯!

回答(3)

artf• 2017年12月27日

你好@mingodad其实有一个选项可以清除数值,但还在开发中(需要更好地处理复合类型)。 “''js Grapesjs.init({ ... styleManager: { clearProperties: true, ... } })

artf• 2019年8月26日

@benvmatheson “''js const sm = 编辑。风格经理; sm.getConfig().clearProperties = 1; sm.render();

afotey• 2017年12月22日

如果有个SCSS风格的教程就更好了

相关问答

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

问题 #1058

CSS 解析器会无效地解析某些重复声明

在最新的开发分支提交39be1e0上测试过。这个问题发生在我的一个模板上,所以是现实中存在的问题。我花了大约半天时间制作这个缩小测试用例,希望对你有帮助。 如果你有一个包含以下CSS的模板: 浏览器会正确地这样渲染: <img width=“609” alt=“截图 2018-...

3 个回答更新于 2022年2月8日

问题 #4765

The documented way to parse @keyframes does not work

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? Chrome v107描述一下那个虫子 如何复现这个漏洞?按照以下说明[这里](https://grapesjs.com/docs/guides/Custom-CSS-parser.html...

4 个回答更新于 2022年12月17日

问题 #5249

编辑?Css.addRules(targetCss);

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 最新版本的Chrome浏览器 可复制演示链接 无效 描述一下那个虫子 如何复现这个漏洞? 编辑器?Css.addRules(targetCss); 预期的行为是什么? 编辑器?。Css....

3 个回答更新于 2023年7月26日

问题 #1708

StyleManager 事件每次变更都会多次触发

复制: 在全新安装的GrapesJS中,在演示页面(index.html内)添加一个事件监听器,如下: 'editor.on('component:styleUpdate:width', (model) => { console.log(模型); });问题: 当更改任何元素的...

3 个回答更新于 2023年5月3日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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