问题 #855💬 已回答提出于 2018年2月9日作者 kewilson2 个反应

导出窗口里新按钮没有空格

快速解答作者 ryandeba1

你好@kewilson, 如果我理解没错,我猜设置左边距而不是左边填充会好得多......这个[截图](https://imgur.com/a/Fx1XL)接近你想要实现的效果吗?如果是这样,你可以把“button.style.paddingLeft = ”30px“的代码替换成”button.style.marginLeft = “10px”。或者你也可以用CSS来实现(创建一个自定义CSS文件,grapes.min.css后立即加载): '.gjs-mdl-content .gjs-btn-prim + .gjs-btn-prim { margin-left: 10px; }`

阅读下方完整回答 ↓

问题

我已经实现了一个新插件,在导出窗口里增加了一个按钮,运行正常。然而,当页面显示时,它和现有的“导出ZIP”按钮之间没有空格。

我该如何用葡萄的方式添加空格?是不是只是想弄清楚要调整哪些html主导元素属性?..例如,https://www.w3schools.com/jsref/dom_obj_all.asp

回答(3)

ryandeba2018年2月10日

你好@kewilson,

如果我理解没错,我猜设置左边距而不是左边填充会好得多......这个[截图](https://imgur.com/a/Fx1XL)接近你想要实现的效果吗?如果是这样,你可以把“button.style.paddingLeft = ”30px“的代码替换成”button.style.marginLeft = “10px”。或者你也可以用CSS来实现(创建一个自定义CSS文件,grapes.min.css后立即加载): '.gjs-mdl-content .gjs-btn-prim + .gjs-btn-prim { margin-left: 10px; }`

ryandeba2018年2月10日

你好@kewilson, 没有实时代码示例(比如jsfiddle演示)这部分有点难处理,但我看到一些问题:'让按钮=编辑器。Modal.getElementsByTagName(“button”) ||{};`这很可能是因为'编辑器'Modal' 不是 dom 元素,因此 'getElementsByTagName' 不是一个有效的方法。“编辑。Modal.getContentEl().getElementsByTagName(“button”)'应该能用。这里默认用空物体其实没什么意义。“对于(按钮中的b)”我不太熟悉如何处理 [getElementsByTagName](https://...

kewilson2018年2月9日

好,所以 button.style.paddingLeft = “30px”;可以,但我注意到按钮所在的边框区域无法区分两者......也就是说,每个按钮的文字周围没有按钮边框。因为导出ZIP按钮不受我们控制,我们该如何为它加上按钮边框,随后又加上我们自己的......比如说,有圆角之类的?

相关问答

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

问题 #1026

GrapeJS 无法渲染 HTML 代码

你好, 我把 GrapesJS 集成到我的应用程序(asp.net MVC)中,它能用,但有时 GrapesJS 无法渲染 HTML。 首先,我从另一个URL克隆html,并将这个html添加到GrapesJS。这个方法工作得很正常。 其次,我从 GrapesJS 编辑器获取...

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

问题 #916

为什么图层没有元素标签名称?

我正在尝试葡萄内部结构,因为我希望将来能有所贡献。我主要关注的是用通用的HTML网站来做值得,无论CSS和HTML的风格和结构如何(包括文档类型、正文支持等)。 我原本以为“图层”层级会代表DOM树。虽然目前看起来没错,但元素的命名似乎不太对劲。例如,用这个 HTML 表示:...

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

问题 #1441

把图片拖到画布上不会显示图片

在本地服务器上运行最新版本(0.14.29)。使用示例网页预设。Ubuntu 18.04,Chromium 69。 我在拖拽图片到画布时遇到了问题。我用的是PHP后端。图片上传并添加到了资产管理器,但画布里没有显示图片,只有缺失的文件图标和上传文件名称。 我以演示页面为基础。h...

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

问题 #1484

:文本块后,点击后行不会显示光标/富文本编辑器,而是被选中

我注意到在我对 GrapesJS 的改编中,richtext 编辑器和 gjs-blocks-basic 插件出现了一个奇怪的行为。每当我放下文本块开始写入时,我会得到一个丢弃块的组件,每行有几个子组件(参见截图中元素,'data-gjs-type=“text”)。 ![图片]...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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