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

问题 #5708💬 已回答提出于 2024年2月27日作者 ravisaxena0 个反应

能够同时更改所有边距、填充等属性

快速解答作者 artf

请避免在未阅读模板中漏洞问题的具体目的前打开BUG问题。

阅读下方完整回答 ↓

问题

GrapesJS 版本

  • 我确认使用最新版本 GrapesJS

你用的是什么浏览器?

Chrome最新

可复制演示链接

我们现在运行在本地机器上

描述一下那个虫子

你好,目前 grapesjs 提供了内置属性,比如margin、padding,允许用户逐项更改每个属性(margin-top、margin-bottom等)。 如果能同时更改所有这些属性会更好。比如有锁定按钮,启用后会自动同时更改所有属性,而不是一个个更改。

行为准则

  • 我同意遵守本项目的行为准则

回答(2)

artf• 2024年2月27日

请避免在未阅读模板中漏洞问题的具体目的前打开BUG问题。

GJS Helper• 2026年5月17日

这是提升 GrapesJS 样式体验的绝佳建议!默认情况下, GrapesJS的样式管理器提供对 CSS 属性如 margin 和 padding的细致控制,允许你单独调整每一侧(上、右、下、左)。虽然没有内置的“锁定”按钮来链接这些属性,但你可以通过创建自定义属性类型实现将所有侧面合并的功能。 这个自定义属性将作为“简写”控件。当你修改它的值时,它会自动更新所选组件上的四个单独边距或填充属性(例如, margin-top、 margin-right、 margin-bottom、 margin-left)。 以下是实施该方案的方法: 1.定义自定义速写维度属性类型 首先,我们将创建一个新的...

相关问答

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

问题 #5199

组件属性的变化会在所有实例中重现,而不仅仅是一个实例

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome v114 可复制演示链接 https://jsfiddle.net/rmadeiraneto/t659usxv/39/ 描述一下那个虫子 如何复现这个漏洞?进入块列表,将自...

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

问题 #6416

HTMLENTITIES >破坏远程存储——显示未定义

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Firefox 和 Chrome 可复制演示链接 我无法做远程存储的演示 描述一下那个虫子 导入任何标签旁边带有“&gt;”的标签&gt; 示例:'<a href=“#”&gt;&gt;<...

2 个回答更新于 2025年3月5日

问题 #5312

Issue with rich text editor Indent action for Lists

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? Chrome V115可复制演示链接 https://jsfiddle.net/srinivas977/ahgLxv6e/10/描述一下那个虫子 如何复现这个漏洞? 在提供的 JSFiddl...

2 个回答更新于 2023年8月23日

问题 #3216

功能:通过资产管理器添加 referrerPolicy 以加载图片

你想给GrapesJS添加什么? 我正在尝试通过资产管理器为图片加载添加“Referer”头。 详细描述你的功能需求详细 我正在开发一个托管在AWS上的页面构建器。为了防止别人热链接我的图片,我实现了AWS WAF,限制图片加载到referer域(我自己的域名)。 当用“.sr...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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