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

问题 #2137💬 已回答提出于 2019年7月14日作者 alikabeer320 个反应

有人能解释一下样式管理器的 property.layers 吗?[请阅读描述]

快速解答作者 artf

@alikabeer32如果“背景”属性不起作用,可能是内部属性的顺序错了。请在这里查看语法:https://developer.mozilla.org/en-US/docs/Web/CSS/background#Syntax

阅读下方完整回答 ↓

问题

我想把整个背景图层属性都写代码,但这次用“background”而不是background-image,这样不会影响渐变,但遗憾的是,背景位置、背景大小等功能无法正常工作。 “''js var 属性 = 编辑器。StyleManager.addProperty('decorations',{ 名称:“背景图片”, 财产:“背景”, 类型:“堆叠”, 性质:[ { 名称:“背景”, functionName:'url', 类型:'文件' },{ 名称:“背景位置”, 属性:“背景位置”, 类型:“选择”, 列表:[{ 值:“左上方”, 名称:“左上方”, },{ 值:“左中”, 名称:“左中”, },{ 值:“左下”, 名称:“左下”, },{ 值:“右上方”, 名称:“右上方”, },{ 值:“右中”, 名称:“右中”, },{ 值:“右下”, 名称:“右下角”, },{ 值:“中顶”, 名称:“中顶”, },{ 值:“中心中心”, 名称:“中心中心”, },{ 值:“中下”, 名称:“中底”, }], },{ 名称:“背景重复”, 属性:“背景重复”, 类型:“选择”, 列表:[{ 值:“重复”, 名称:“重复”, },{ 值:“重复-x”, 名称:“重复-X”, },{ 值:“重复-Y”, 名称:“重复-Y”, },{ 值:“不重复”, 名称:“无复用”, }], },{ 名...

回答(3)

alikabeer32• 2019年7月15日

@artf 确实有效。现在我纠正了顺序 -> '背景:URL(../assets/05efe94654acb49683023f16e5cefce7)左中外/覆盖无重复固定;

但当我取消选择并重新选择组件时,这些值(左中间/封面无重复固定)在样式管理器面板中显示为空。

相关问答

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

问题 #1475

向 styleManager 添加过滤器

你好, 我正在尝试为样式添加一个过滤器属性。我遇到的问题是,该性质要求两个参数:1. 滤波器的类型 2.力量。例如滤镜:模糊(10%)。 我遇到的问题是,添加到CSS文件后,我会出现——筛选:模糊10%。 我知道应该用 property.functionName 来修复这个问题...

3 个回答更新于 2019年11月4日

问题 #2748

滑块不适用于非整数步进值

默认的StyleManager属性“滑块”无法处理非整数步长值。 GrapesJS 版本:0.16.1 在许多情况下,使用步长值非整数的滑块很方便: ![GrapesJS](https://user-images.githubusercontent.com/34565082/8...

3 个回答更新于 2020年9月23日

问题 #932

设置背景图像会导致重复样式规则

你好,@artf, 我有一个奇怪的小问题。 我有一个自定义特质,里面有设置图片和背景图片的实现。 当我用下面的代码第二次设置背景图像时,元素ID上出现了重复的样式规则。 “''js var style = self.target.getStyle(); 样式是空的,尽管样式管理...

3 个回答更新于 2019年9月17日

问题 #4413

StyleManager.addProperty , 类型: 'select' , 无法读取未定义属性(读取“replace”)

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? Chrome 版本 103.0.5060.53(官方版本)(x86_64)可复制演示链接 私人项目描述一下那个虫子 我正在尝试将属性添加到我的自定义扇区,以及属性类型(选择),建造器准备好后...

2 个回答更新于 2022年6月29日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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