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

问题 #2748💬 已回答提出于 2020年4月30日作者 jsychova1 个反应

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

快速解答作者 adamwpe❤ 1

啊,你是说箭头——抱歉,我以为你是指滑块不起作用。 ![图片](https://user-images.githubusercontent.com/49768920/80743652-35b74a00-8b15-11ea-9a13-a1545f4e86b2.png) 我之前没注意到——总是用滑块顺序,鼠标拖动时在箭头上。 我会去看看风景——不太确定从哪里开始,哈哈。

阅读下方完整回答 ↓

问题

默认的StyleManager属性“滑块”无法处理非整数步长值。 GrapesJS 版本:0.16.1

在许多情况下,使用步长值非整数的滑块很方便: ![GrapesJS](https://user-images.githubusercontent.com/34565082/80721884-6f815400-8b07-11ea-893f-041551c1a4e5.gif)

看起来 Grapesjs 只支持整数,四舍五入非整数值。

繁殖步骤: 添加类型为“滑块”的属性

var property = styleManager.addProperty('mySector',{
   name: 'Opacity',
   type: 'slider',
   property: 'opacity',
   defaults: 1,
   step: 0.1,
   max: 1,
   min: 0,
   }, { at: 0 });

回答(3)

adamwpe• 2020年4月30日

奇怪的是——这对我有效(我知道我同时创建了扇区): 你能做个演示吗?

jsychova• 2020年4月30日

当然可以。 我用你的片段做了一个样本,但似乎它不愿意和我一起工作。

https://codepen.io/sjul66/pen/VwvMwNY

谢谢!

相关问答

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

问题 #1936

绝对/设计模式

大家好, 本期概述了它是什么、已完成的、该做什么以及完成设计师模式功能的好事。序言 那么我们先来描述一下它是什么,以及这个功能的目标是什么。设计者模式应该允许用户在画布上自由拖动组件,没有HTML固定的位置限制,更像Photoshop/Sketch等工具里的操作。这样移动组件会...

3 个回答更新于 2025年1月8日

问题 #2722

高亮和工具栏在外部滚动中位置错误

你用的是最新版本吗(旧版本不支持)?是的 你是在本地版 GrapesJS 还是当前试玩版遇到这个bug?本地版操作系统:Archlinux浏览器:Firefox 74.0 和 Firefox 开发者版 75.0b11Grapes:v0.16.3 预期的行为是什么?高亮应在外部滚...

3 个回答更新于 2023年11月16日

问题 #2828

链接与CKEditor的问题

链接和CKEditor存在问题。我启用了标签的可编辑属性<a>: “JavaScript CKEDITOR.dtd.$editable.a = 1; ``` 当我双击链接时,它可以编辑,一切正常。但当我完成编辑并再次尝试编辑时,我却做不到。 ![simplescreenreco...

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

问题 #761

文本分量问题

你好。我希望有一个文本组件,不会每次我按“回车”键创建新段落时都会生成新组件(这很糟糕)。此外, grapes 核心的文本组件存在一个问题(下面的截图中有描述)。提前感谢大家的关注! ![动图屏幕-grapes](https://user-images.githubuserco...

3 个回答更新于 2021年2月20日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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