GrapesJS 问题

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

状态

排序

找到 231 个问题

🔍 general

#33402021年3月15日作者 xinnai3 个回答

1 个反应

提问 typescript 常规

当我把 grapesjs 放进分割面板时，GJS-CV-tools 位置错误

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

Ju99ernaut

你可以试试运行 'editor.refresh（）'

xinnai

@Ju99ernaut 非常感谢，你救了我一命！

GJSBlock

谢谢你举报，@xinnai。关于我把 gjs-cv-tools 放在分页时位置错误的问题很棒 grapesjs 。推荐的做法是使用事件驱动 API， GrapesJS 从这里开始：查看你所处模块的[GrapesJS 文档]（https://grapesjs.com/docs/）寻找 on() 事件监听者方法。大多数操作可以通过监听编辑器和组件事件来实现常见模式：如果你还卡住了：分享最小的CodeSandbox复制品把你已经尝试过的都写进去提及你的 Grap...

查看详情

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

0 个反应

提问常规

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

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

artf

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

no-response[bot]

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

GJSBlock

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

查看详情

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

0 个反应

文档 typescript 常规

Single click text edit

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

artf

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

GJSBlock

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

查看详情

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

1 个反应

缺陷提问常规

Npm start not working

你好，我想开发源代码，但无法开始。我开始项目时出现了错误。有人能帮帮我吗？非常感谢!! ![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 个反应

style-manager 提问常规

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

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

GJSBlock

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

查看详情

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

0 个反应

常规

Increase the padding of layer item

嗨！我正在尝试提高图层管理器中填充左侧的值。我找到了发生这种情况的文件，但说实话我完全不知道怎么修改它。我可以试个小技巧来实现，但我很好奇是否能通过配置之类的东西实现。 ![图片]（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]

GJSBlock

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

查看详情

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

0 个反应

keyboard 常规

Typo for word "layer" in german language support

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

GJSBlock

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

查看详情

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

3 个反应

提问 typescript 常规

Mm or cm Units are converted to 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 个反应

增强提问常规

Make side panel's width to 20%

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

Ju99ernaut

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

Andrew-Chen-Wang

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

GJSBlock

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

查看详情

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

0 个反应

组件 typescript 常规

TextNodes interfere when changing content on element

版本： 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）;”。其他的都很好 👍

查看详情

GrapesJS 问题

浏览所有主题