GrapesJS 问题

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

找到 231 个问题

🔍 general
#33402021年3月15日作者 xinnai3 个回答
1 个反应

当我在分割面板中放置葡萄时,GJS-CV-tools 位置错误

你好,感谢你的工作。我有个问题。我想做一个类似Codepen的视图,并且想让Grapesjs视图可以上下拖动。但当我拖动它时,工具会去错位置,鼠标悬停高亮元素的位置也错了。我尝试过 splitjs 和其他开源代码,但总是遇到这个问题。 你能帮帮我吗?非常感谢!! https://user-images.githubusercontent.com/23135336/111138227-a5fa7d00-85ba-11eb-9393-0f3307322a56.mp4

Ju99ernaut

你可以试试运行 'editor.refresh()'

xinnai

@Ju99ernaut 非常感谢,你救了我一命!

ClaudeCode

谢谢你举报,@xinnai。 关于我在分格中放置葡萄时,gjs-cv-tools 位置错误的问题很棒。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('some...

#33392021年3月14日作者 Nigus3 个回答
0 个反应

问题:如何在设备管理器中为移动设备添加不同的宽高比。

我们正在开发一个使用 Grapes js 的 CMS 系统。我们设计了一个条件,不能在“mediaCondition”中添加宽高比,保持方向。我们的设计编辑器有16:9比例的竖屏和横屏设计模式。但我们希望增加更多宽高比,比如18:9、19:9和19.5:9,这样设计页面就能在不同的移动设备上放大。

artf

抱歉,你能更好地说明你需要什么吗?你对编辑器的最终CSS期望是什么?

no-response[bot]

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

ClaudeCode

谢谢你举报,@Nigus。 关于问题:如何在设备管理器中为移动设备添加不同的宽高比,非常好。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something...

#33362021年3月12日作者 fahad1572 个回答
0 个反应

单击文本编辑

让文本可编辑需要大量点击,我们能让文本字段在一次点击中可编辑吗?我知道,拖动方块时单击会很烦人,这已经很常见了,但就我的情况来说,我想只编辑单击,如果可能的话请指导一下。

artf

https://github.com/artf/grapesjs/issues/3146#issuecomment-733687439

ClaudeCode

谢谢你举报,@fahad157。 感谢你分享关于单击文本编辑的报告。为了帮助团队调查并优先排序: 请提供: 一个最小可复现的例子(CodeSandbox/JSFiddle) 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么: 简约代码示例(不是你整个项目) 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节,维护者可以更快地识别和优先排序修复。GrapesJS团队对...

#33332021年3月11日作者 xinnai4 个回答
1 个反应

NPM开始不工作

你好,我想开发源代码,但无法开始。我开始项目时出现了错误。有人能帮帮我吗?非常感谢!! ![Snip20210311_1](https://user-images.githubusercontent.com/23135336/110728865-b1ffdb00-8258-11eb-8cc4-e4c57892a893.png)

xinnai

@Andrew-Chen-Wang 我觉得这可能是我的开发环境出了问题,所以我用另一台电脑安装并迁移到我的电脑上,至今仍不知道为什么,但现在它运行正常了。希望以后不会再出错,非常感谢!!

Andrew-Chen-Wang

关于源代码开发,请查看:https://github.com/artf/grapesjs#development

xinnai

@Andrew-陈旺,是的,我做了,但总是出现这个错误,我该怎么办?

#33272021年3月9日作者 DMSlam1 个回答
0 个反应

有没有办法让 VML 代码保留在 CSS 里,以避免某些样式出现在 Outlook 里?

嗨。当我尝试用带有一些 VML 包装标签的现有 HTML 代码生成新闻通讯模板时<style>,现有的样式类处理得很好,尽管编辑器中删除了相关 VML 的提及。 能否给我一些可能的变通方法?GrapesJS CSS 编辑器里真的有可能有 VML 代码吗?

ClaudeCode

谢谢你举报,@DMSlam。 关于有没有办法把VML代码保留在CSS里,以避免某些样式出现在Outlook?,这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () =>...

#33232021年3月8日作者 RaresVlaiduc3 个回答
0 个反应

增加层级物品的填充

嗨! 我正在尝试提高图层管理器中填充左侧的值。 我找到了发生这种情况的文件,但说实话我完全不知道怎么修改它。 我可以试个小技巧来实现,但我很好奇是否能通过配置之类的东西实现。 ![图片](https://user-images.githubusercontent.com/73160095/110297054-b8dde200-7ffb-11eb-8fc5-4b2aba9d1f7b.png) ![图片](https://user-images.githubusercontent.com/73160095/110298403-3ce49980-7ffd-11eb-8449-5b9ad9c866a5.png)

artf

没有@RaresVlaiduc你自己也看到目前无法配置,但我很乐意接受这种情况的PR(例如一个新函数选项[这里](https://github.com/artf/grapesjs/blob/dev/src/navigator/config/config.js),它将电平作为参数并返回填充的数字)

no-response[bot]

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

ClaudeCode

谢谢你举报,@RaresVlaiduc。 感谢你分享关于增加层级填充物的报告。为了帮助团队调查并优先排序: 请提供: 一个最小可复现的例子(CodeSandbox/JSFiddle) 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么: 简约代码示例(不是你整个项目) 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节,维护者可以更快地识别和优先排序修复。Grapes...

#33202021年3月7日作者 alumpe1 个回答
0 个反应

德语支持中“layer”一词的拼写错误

在德语locale文件中,第75行“layer”一词有个拼写错误。 应该是“layer: 'Evene'',而是'layer: 'Ebene'',有人翻译键盘时不小心按了'v'而不是'b'。 我现在正在为它创建一个拉取请求。

ClaudeCode

谢谢你举报,@alumpe。 感谢你分享关于德语支持中“layer”一词错字的报告。为了帮助团队调查并优先排序: 请提供: 一个最小可复现的例子(CodeSandbox/JSFiddle) 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么: 简约代码示例(不是你整个项目) 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节,维护者可以更快地识别和优先排序修复。Gra...

#33152021年3月5日作者 devtechk4 个回答
3 个反应

毫米或厘米单位转换为px。

我意识到毫米或厘米单位是可以转换成像素的。我该如何解决这个问题? 谢谢你 ![图片](https://user-images.githubusercontent.com/22073497/110118707-0ddee580-7dbb-11eb-8749-69e918b9ce91.png)

Ju99ernaut

你有没有在样式管理器输入中添加毫米、厘米等单位,这些不是内置的

Ju99ernaut

如上所述,这是浏览器引擎的功能,通常这是解决办法,但我从没用过它来处理非内置的设备: “''js window.editor = grapesjs.init({ // ... styleManager: { // ... avoidComputed: ['宽度', '高度', '填充', 'margin'], // ... } // ... }); ```

Andrew-Chen-Wang

我觉得这就是浏览器引擎的本质性。我不是专家,但我认为输出只是发动机最终解读的信息。

#33122021年3月5日作者 Andrew-Chen-Wang3 个回答
0 个反应

专长:侧板宽度改为20%

你想给GrapesJS添加什么? 侧板看起来被揉皱了。除非你的桌面很大,否则我不太希望块面板的图片被放到一边。此外,顶部的图标,比如“获得新方块”图标,除非屏幕较大,否则会被遮挡。 详细描述你的功能需求详细 将侧面板宽度从15%改为20%,具体来说是类别:'gjs-pn-views-container' 最新版本有替代方案吗? [ ] 是的(描述另一种情况) [X] 不 这是否与某个问题有关? [ ] 是的(请提供本期链接) [X] 不

Ju99ernaut

目的是最大化画布覆盖的面积,但你也可以用自定义CSS轻松更改面板大小。

Andrew-Chen-Wang

当然,我只是觉得试玩版不应该看起来像那样皱巴巴的:P那我想这只是个人看法。

ClaudeCode

谢谢你举报,@Andrew陈旺。 关于FEAT:把侧板宽度调到20%的好建议!虽然这个具体功能还没有出现在核心 API 中,但有几种方法可以实现类似的行为。 使用事件系统: “JavaScript editor.on('component:update', (component) => { 你的逻辑 }); ``` 替代方法: 听取“selector:add”以获取CSS选择器更改 使用“selector:custom”来表示自定义规则 利用“change:*”事件进行细致...

#33092021年3月4日作者 jcamejo4 个回答
0 个反应

TextNodes 在元素内容更改时会干扰

版本: 0.16.44 你好@artf 我有一个自定义方块,带有自定义按钮组件,内容和这个类似。 ` <a data-gjs-type=“custom_button” class=“btn btn-1” href=“”>Click here</a>' 此外,我添加了一个文本特性来更改按钮内容,但在这个特定情况下,我不想使用编辑器RTE。 <img width=“286” alt=“image” src=“https://user-images.githubusercontent.com/1976679/109966677-d3a91180-7cf0-11eb-8463-e28b8de806c2.png”> 当我更改数值时,第一次会...

artf

你好,Juan,谢谢你的报告,你能给我演示一下你的文本特性是怎么工作的吗? 如果你用这种方式更新组件 'component.components(e.target.value)',我预计它应该能正常工作

jcamejo

这是我的特质 我已经改成 现在它不用覆盖更新内容或渲染子节点,谢谢!我绝不会得出使用“组件”方法的结论。 现在我不喜欢文本节点 😅 我觉得除非你还有其他改进点,否则我们可以结束这个问题。 谢谢!

artf

我觉得你不需要这个“target.set('content', value);”。其他的都很好 👍

浏览所有主题