GrapesJS 问题

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

找到 3,464 个问题

#36232021年7月15日作者 simxn12 个回答
7 个反应

“/”在类别中变为“-”

版本: ^0.17.19 你能重现演示中的bug吗?[x] 是的[ ] 不 预期的行为是什么? 我预计这门课会保持我命名的那个。 详细描述那个漏洞* 当你在DOM中添加一个包含斜杠“/”字符的职业时,该斜杠字符会变成破折号“-”。 详细描述那个漏洞 <img width=“387” alt=“Snímka obrazovky 2021-07-15 o 12 01 57” src=“https://user-images.githubusercontent.com/75263268/125770945-6e83a6f8-d212-420c-968c-659f7c59941a.png”> <img width=“823” alt=“S...

notauserx

我也遇到过同样的问题。查了一下源头,我发现这是因为 [https://github.com/artf/grapesjs/blob/8b423fdf093865a6bf55dc8285030ce99c111d6d/src/selectormanager/model/Selector.js#L123](网址) 基于[https://github.com/artf/grapesjs/blob/8b423fdf093865a6bf55dc8285030ce99c111d6d/src...

ClaudeCode

谢谢你举报,@simxn1。 类别中“/”变为“-”的问题似乎是竞争条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)——这有助于团队更快识别根本原因 在报告中包含...

#36222021年7月14日作者 ronaldohoch4 个回答
0 个反应

I18n 功能

版本: 最新 你能重现演示中的bug吗?[] 是的[ ] 不 预期的行为是什么? 给编辑。I18n.setLocale(“es”)在运行时工作。 详细描述那个漏洞 我不知道这是不是个bug,或者本来就不应该这样,另外,我对Backbone了解不够,不知道是否可行,但当使用编辑器时,运行时的 I18n.setLocale(“es”),它不会更改标签。 目前的行为是什么?* 它只是内部设置了位置,但运行时不会更改标签。 详细描述那个漏洞*** 我创建了一个新插件来传递本地化文件第一次加载时,找到了当前位置,设置成葡萄牙语。![图片](https://user-images.githubusercontent.com/2287371/1...

artf

是的,不幸的是,目前UI(渲染后)不会随着区域变化更新,所以你需要重新渲染编辑器。

ronaldohoch

嗯,我不知道Backbone有没有模板绑定,所以我先关门了......

leonardolima99

是的,不幸的是,目前UI(渲染后)不会根据局部区域的变化更新,所以你需要重新渲染编辑器。 这问题还没解决吗?我试过用editor.render(),它能用,但会重复面板......

#36202021年7月13日作者 jamesshin54 个回答
0 个反应

SetComponent() 编码标签中的任意内容<script>

通过 setComponent 加载 HTML 时,引号变为“”“,小于符号变为”<“。 任何帮助都将不胜感激!

artf

谢谢@jamesshin5这个问题会在下一个版本中修复。

jamesshin5

非常感谢你!你觉得下一次发布会是什么时候?我尝试过一个变通方法,直接用脚本在画布上添加一个组件,但想尽快改回去

artf

我希望很快,但具体日期不确定。如果有用的话,我们会在推特账号自动推送新发布的作品:https://twitter.com/grapesjs

#36192021年7月13日作者 san-1231 个回答
0 个反应

如何添加视频上传并保存到后端?

你好,artf, 我已经实现了多张图片上传并保存到远程数据库。 就像如何上传单视频并保存远程数据库一样 因为每次我们都需要把所有视频放到远程文件夹,然后配置成视频标签的src。这需要很多时间 请指导我实现它。

ClaudeCode

感谢你报告,@san-123。 关于如何添加视频上传并保存到后台的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed'...

#36182021年7月13日作者 san-1232 个回答
0 个反应

样式管理器大小未设置为图像控制

警告 请阅读并遵循接下来的三步,然后在发布问题前删除它们 遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md 先快速搜索一下,看看有没有人没开同样的问题 所有相关陈述/问题都必须填写/回答,否则问题可能已结案 JSFiddle 入门模板 https://jsfiddle.net/szLp8h4n CodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 版本: 你可以在控制台输入“grapesjs.version”获得版本 你能重现演示中的bug吗? [ ] 是的 [ ] 不 预期的行为是什么? 详细...

san-123

它的复制品

ClaudeCode

感谢你报告,@san-123。 样式管理器大小未设置为图片控制的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)——这有助于团队更快识别根本原因 在...

#36152021年7月13日作者 onmagic4 个回答
0 个反应

文本组件无法更新,无法从toHTML获得最终结果。

它是文本成分, 如果选择正文,文本会在组件到HTML方法中进行修正保存/应用/存储, 如果只是更新文本,但不保留文本部分,只需点击保存 然后使用“editor.getHTML()”,结果不会更新。 ![Snap77](https://user-images.githubusercontent.com/6985829/125385798-c8b46b00-e3cd-11eb-99e3-53b7b915672b.jpg)

v-pasha2

你找到解决办法了吗?

v-pasha2

我们在“0.17.19”版本遇到以下问题,而在“0.14.62”版本中运行正常。 我们尝试的是内联编辑体验,所以当我们检查component.getEl()函数时,它返回的是组件的更新文本,而如果用component.toHTML(),它会返回旧值,而不是更新后的值。虽然重点仍然是文本部分。 参考HTML。 toHTML() out out <div id=“i8h4tu”><p id=\“iwcefk\”>本网站使用示例数据进行说明。你可以用多个模板来构建页面。</p><...

v-pasha2

@artf你能帮我检查一下,或者有什么解决办法吗?

#36142021年7月12日作者 kuhelbeher1 个回答
0 个反应

背景色不能设置为 #000000

你好!发现了一个背景色的bug。在样式中,不能通过颜色选择器将它设置为“#000000”。这里有一个演示,但你可以自己在 grapesjs 演示中查看: https://user-images.githubusercontent.com/37115006/125304571-62303e00-e336-11eb-9e5d-a5e9d3b1c7e2.mp4 其他颜色也没问题。

ClaudeCode

谢谢你举报,@kuhelbeher。 背景色无法设置为#000000的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)——这有助于团队更快识别根本原...

#36132021年7月12日作者 anlumo2 个回答
1 个反应

图像选择不一致

版本: 0.17.19 你能重现演示中的bug吗?[X] 是的[ ] 不 可重复[此处](https://grapesjs.com/demo.html)。 预期的行为是什么? 在资产管理界面中点击图片选择。 详细描述那个漏洞 目前的行为是什么?** 当你更改与图片组件关联的资产时,只需一键即可更改,然后点击X图标关闭对话框。 当你想更改与“背景图片”风格关联的资产时,单击不会改变任何东西,它只会在对话框中选择该资产。你必须双击它才能更改“背景图片”,这样对话框也会关闭。 这两种情况应该表现得相同。

artf

听起来很正规,下次更新会更新

ClaudeCode

谢谢你举报,@anlumo。 不一致的图像选择问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)——这有助于团队更快识别根本原因 在报告中包含 Gra...

#36122021年7月12日作者 TRIGGEREDcoder4 个回答
0 个反应

葡萄的滑块按钮和标签键都没有按预期工作

版本 0.17.19(grapesjs) 版本 0.1.5(grapesjs-lory-slider) 版本 1.0.6(grapesjs-tabs) 你能重现演示中的bug吗? 不 预期的行为是什么? 我应该能在点击前一、下一页按钮和标签名时,浏览不同的幻灯片和标签页。 详细描述那个漏洞 当我在模板中创建滑块,编辑不同的幻灯片并在 Grapesjs 上查看时,我就能浏览所有创建的幻灯片。同样地,在创建标签块后,我也能看到里面不同的标签和内容。但当我把生成的HTML和CSS代码带到Angular应用中尝试运行时,我无法像在Grapesjs上创建时那样,通过不同的标签页、内容和幻灯片或内容进行切换。 HTML和CSS由葡萄生成 [g...

artf

你能提供一个可复现的演示吗?

TRIGGEREDcoder

抱歉@artf,我遇到这个问题是因为生成的HTML里有脚本标签,而在Angular组件HTML中这个标签没有用。如果 HTML 包含脚本标签函数,我该如何使用 Angular 文件生成的 html?

artf

@TRIGGEREDcoder如果主要问题解决了,我就要关闭这个。如果你有问题,请开设一个新的讨论区

#36082021年7月9日作者 anlumo4 个回答
0 个反应

专长:禁用拖拽

你想给GrapesJS添加什么? 我已经实现了一个替代的文本编辑组件(不是基于RTE)。我希望人们能在这个组件中拖曳选择文本。 详细描述你的功能需求详细 问题是拖拽选择还会触发拖拽整个组件。我想只通过移动工具栏的项目来移动页面上的组件,以避免它干扰文本选择。 最新版本有替代方案吗? 我目前这样覆盖了拖拽: “''js element.addEventListener('dragstart', event => { event.stopPropagation(); event.preventDefault(); 返回false; },真); ``` 在视图的“init”函数中。这在 Chrome 上算是能用,但不总是有效,而且在 F...

iabhiyaan

“''js editor.on('component:drag:start', props => { const { target } = props; target.set({ 可拖拽:错误, 传播:['可拖拽'] }); }); ```

anlumo

这样不就禁用了所有拖拽,甚至是工具栏和图层管理器里的拖拽吗?

anlumo

我刚测试了,另一个问题是拖拽操作仍然吞噬事件,只是渲染了组件被禁用。

浏览所有主题