GrapesJS 问题

已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。

状态

排序

找到 1,399 个问题

🔍 outdated

#13652018年8月15日作者 shlomoko2 个回答

0 个反应

无效问题已过时

垂直面板按钮

你好，我正在尝试在面板中添加垂直按钮。我添加了一个带有垂直方向的flexbox，但因为额外的div是作为按钮的临时设置，所以不会影响按钮。有没有办法解决这个问题？我添加了以下似乎无效的代码（）：

artf

@shlomoko抱歉，我会关闭这个问题，这和 grapesjs 本身无关，只是你的 UI 布局设置问题

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#13642018年8月14日作者 thangab3 个回答

0 个反应

需要更多信息已过时

你好，我在 reactJS 应用中使用 Grapesjs。我有一个 React 组件，它是 Grapesjs 的一个实例。所以我可以在申请中添加这个组件，想多多加就多。每次我想用键盘在 Grapesjs 编辑器里触发事件（删除方块）时，都不行。这是错误抛出： ![葡萄错误]（https://user-images.githubusercontent.com/15085404/44101801-861e0d4a-9fe8-11e8-88f2-92ac2fcb60ba.png）但如果我点击图标删除该块，它就能解决。

artf

能否提供一个可复现的现场演示？附言：务必使用最新版本的Grapesjs

no-response[bot]

由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#13632018年8月14日作者 jvillena2 个回答

0 个反应

已过时

在编辑器中尝试注入新HTML内容时遇到的问题

你好，@artf，我现在正在编辑器内用多语言做内容，但我想知道如何在 Dom HTML 中保存与所选元素最近的新 HTML 元素（或者将这些元素作为编辑器内的新组件更新）。比如，我在HTML里包含了一些隐藏的div，但当我试图从编辑器里保存html并获取HTML时，我无法获得新的HTML内容。提前感谢大家。

jvillena

我刚刚通过研究葡萄核心，通过一个变通方法解决了问题。我来解释一下我做的解决方案： 1）我用弹窗对话框配合引导切换器来选择文本语言。复杂的问题是如何更新编辑器中未选中的组件模型。为此，我必须做以下任务： 2）如果我关闭语言选项，需要删除所有新组件并更新编辑器模型：工作原理如下： http://recordit.co/zcrpR0MRyv 当然，有简单的实现方法，但我没找到合适的方法。提前感谢大家。

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#13612018年8月14日作者 dsgh1 个回答

0 个反应

已过时

：当没有目标时，拖拽占位符不应该被看到

我用的是最新版本。繁殖步骤：配置葡萄，使包装器不可丢失。我制作了一个小提琴来演示：https://jsfiddle.net/szLp8h4n/300/（这里的想法是只有白色中心区域可以掉落）预期行为：当未拖拽到可接受的目标时，绿色拖曳占位符不应可见截图： ![绿色占位符]（https://user-images.githubusercontent.com/52310/44060208-cf1e6802-9f4b-11e8-9650-ec756f198843.png）（注：在调试器中暂停此操作，以便捕捉绿色拖拽占位符。归根结底，这种情况不应该存在:) 我会提交拉取请求来修复这个问题。

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#13602018年8月14日作者 gregvissing2 个回答

0 个反应

已过时

需要帮助将数据保存到Blackbaud数据库。

我正在尝试用[自定义内容部分]（http://developer.blackbaud.com/bbis/guide/custom-content-parts/）将这个功能嵌入到Blackbaud互联网解决方案中。有人能帮我弄清楚如何设置storageManager，这样我就能根据ID保存和加载数据吗？我会用这个自定义内容部分创建独立部分，所以我需要将ID、HTML、CSS等与其他部分分开存储。这是我目前掌握的代码：https://github.com/gregvissing/grapejs-page-builder/blob/master/editor.html

artf

你好 Greg，关于 grapesjs 部分，我觉得你只需要这里 https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage 这种方法，它允许你自定义参数和头部覆盖 99% 的情况。所以剩下的部分你得处理第三方集成，这和 Grapesjs 本身无关

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#13582018年8月13日作者 alimajed933 个回答

0 个反应

已过时

仅在按下“确定”按钮时创建链接

大家好，我覆盖了富文本编辑器默认的“链接”操作子： <img width=“1274” alt=“截图 2018-08-13 1：58 43 pm” src=“https://user-images.githubusercontent.com/28840780/44027999-2788cfaa-9f01-11e8-9f5e-e24d3ced19ed.png”> 点击后，会打开一个模态，用户可以添加所需的URL、文本显示和目标并提交。类似于现在在“demo newsletter editor”上用“grapesjs-plugin-ckeditor”实现的类似的实现。 <img width=“1275” alt=“截图 2018...

artf

1 - 我如何在“demo newsletter editor”中检查richTextEditor的“链接”操作实现，以便复现？因为如果模态未提交就关闭，链接就不会被创建。那个模态来自CKEditor2-为什么 richTextEditor.exec（'createLink'， 'new'）;或者 rte.insertHTML（<a class=“link” href=“”>${rte.selection（）}</a>）如果放在按钮点击事件上，就不会导致创建链接？所以如果...

alimajed93

好的，谢谢你的快速回复@artf 如何让注意力集中在RTE上？

artf

你需要捕捉触发模糊的事件，并调用“stopPropagation”。点击工具栏本身就是这样保持 https://github.com/artf/grapesjs/blob/dev/src/richtexteditor/index.js#L82

查看详情

#13572018年8月12日作者 ghost3 个回答

1 个反应

缺陷已过时

：身体 -> 装饰 -> 背景-图像

版本 0.14.25 |本地副本 GrapesJS 测试支持：Chrome 68，Firefox 61 在“Body （Selected #wrapper） -> Decorations -> Background -> Layer # -> Image”中添加背景图片，保存到数据库，刷新页面，从数据库加载，空白背景。图像或颜色也是一样。添加背景 ![补充背景]（https://user-images.githubusercontent.com/42306769/43997738-970f814a-9dba-11e8-8ec8-ffb41601cf3e.png）刷新后页面 ![刷新页面后]（https://user-image...

maryia-kabash

作为身体背景的变通方法，我使用以下操作：通过“编辑器”，将主体背景与组件和样式分开保存到数据库。DomComponents.getWrapper（）.attributes.style'当模板加载时，通过“Editor.”设置样式。DomComponents.getWrapper（）.setStyle（/set proper styles/）'带“编辑器”的清晰画布。DomComponents.getWrapper（）.setStyle（''）' ，但这并未将背景与特征区分开来

artf

我需要知道数据库里存储了什么，以及你是如何加载的。

ghost

你好，这是代码。这是PHP代码：store 对于载荷谢谢。

查看详情

#13552018年8月10日作者 david-polak2 个回答

0 个反应

已过时

组件调整大小事件

我有一个“画布”组件，需要能够注册它的缩放事件。在深入分析代码并寻找相关模型事件后，我能想到的只有这样一个，实际上在调整尺寸时会触发： “JavaScript handleUpdate （e） { 如果（this.prevWidth ！== this.el.clientWidth || this.prevHeight ！== this.el.clientHeight） { this.prevWidth = this.el.clientWidth this.prevHeight = this.el.clientHeight this.handleResize（） } }, render （） { defaultType.view...

artf

你好，David，我觉得目前是你能做到的最好方案，但我也欢迎大家给我建议，让它不那么老套

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#13542018年8月9日作者 kickbk1 个回答

0 个反应

已过时