GrapesJS 问题

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

状态

排序

找到 545 个问题

🔍 typescript

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

0 个反应

提问缺陷依赖 typescript

I18n functionality

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

artf

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

ronaldohoch

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

leonardolima99

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

查看详情

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

0 个反应

提问 style-manager 缺陷文档 typescript

Style manager size not setting to image control

警告请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 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

它的复制品

GJSBlock

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

查看详情

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

1 个反应

提问组件缺陷 style-manager typescript

Inconsistent Image Selection

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

artf

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

GJSBlock

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

查看详情

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

0 个反应

提问 style-manager 组件缺陷 typescript

Grapesjs滑块按钮、标签键都没有按预期工作

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

artf

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

TRIGGEREDcoder

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

artf

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

查看详情

#36062021年7月9日作者 Palash-Mandal2 个回答

0 个反应

提问组件 style-manager typescript

如果我用对齐浮子的浮点，不清楚，这就是设计问题发生的原因。

你好，@artf，尝试用浮点表单对齐创建布局时，有一个通用的问题。问题是浮点不会自动清除。 ![图片]（https://user-images.githubusercontent.com/17553816/125087079-d32ee600-e0e9-11eb-8a08-15020c15b8fd.png）当用户设置流值浮点（float left /right）时，我该如何在行中添加新类 '<div data-gjs-type=“default” draggable=“true” data-highlightable=“1” class=“row” id=“iroj”><div data-gjs-type=“default”...

artf

请遵循议题模板

GJSBlock

谢谢你举报，@Palash-曼达尔。关于如果我用对齐浮子的浮子，不清楚这就是设计问题的原因。推荐的 StyleManager 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'so...

查看详情

#36052021年7月9日作者 aryanchopra1 个回答

0 个反应

style-manager 组件 typescript

Adding selected component style to a block

所以我正在尝试获取选中的组件并用它做一个块，但是我在添加它的 CSS 时遇到了困难。我目前的做法是这样的： “编辑。BlockManager.add（widgetname， { 标签：控件名称，内容：editor.getSelectedAll（），类别：panelname，属性：{ 标题：widgetname，类别：图标级 }, });` 任何线索都会很有帮助:)

GJSBlock

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

查看详情

#35952021年7月6日作者 Palash-Mandal1 个回答

0 个反应

提问 style-manager typescript

这是个通用问题，宽度和高度属性值设为自动，同时切换视图为移动端或平板视图。但自动属性在CSS中没有体现，这也是为什么桌面值存在，问题才会出现。如果我把宽度改成…

你好，@artf，这是个通用问题，宽度和高度属性值设为自动，同时切换视图为移动端或平板视图。但自动属性在CSS中没有体现，这也是为什么桌面值存在，问题才会出现。如果我把宽度改成自动并按Tab/Enter，CSS里还是没有显示。用例：切换平板/移动模式时，用另一个单元输入某个值，比如px，%在宽度/高度字段中，然后设置为自动。之后就行了。所以基本上，用户不知道显示的值是auto，但其实不是自动，只是占位符，如果用户输入了同样的值auto，这也无法正常工作。用户需要设置两遍该数值，它才会正常工作。用例：用户需要设置两倍值 1.先设置一些px/%值，然后设置自动。我的问题是现在我该如何保持桌面右侧面板中其他设备宽度高度部分的...

GJSBlock

谢谢你举报，@Palash-曼达尔。关于*的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））;...

查看详情

#35942021年7月6日作者 maxtsh3 个回答

1 个反应

提问组件缺陷 typescript

当编辑器的父滚动时，将鼠标悬停在组件上，显示错误位置

版本：0.17.19 你能重现演示中的这个bug吗？不会，因为是全屏，没有父容器滚动功能。预期的行为是什么？悬停状态干部以查看部件位置的变化详细描述那个漏洞当我想选择或悬停在特定组件上时，由于父滚动，干部位置显示错误。在0.17.19之前没有这种情况，当时还算正常。你能上传截图、截图或实时演示吗？是的 ![Screenshot_17]（https://user-images.githubusercontent.com/38842256/124558368-c42d0700-de4f-11eb-936f-881fc0cd57ea.png）

artf

如果可滚动元素不是编辑器的父节点，你可能需要这个选项 https://github.com/artf/grapesjs/blob/dc45604962e4e6a4a075f19d5de67090bac15fa5/src/editor/config/config.js#L157-L163

no-response[bot]

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

GJSBlock

谢谢你举报，@maxtsh。当编辑器的父滚动时，将鼠标悬停在组件上，显示错误位置的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例（CodeSandbox）——这有助于团队...

查看详情

#35892021年7月3日作者 lbmir3 个回答

0 个反应

提问文档 typescript

Autoload storage is not working on page refresh

你好，首先我想说这个项目非常棒，谢谢你！我用了GrapeJS Demo示例中的代码，并添加了远程文件的保存和加载数据，这就是我的storageManager代码： savenow.php文件代码： loadnow.php文件代码：保存更改时一切正常，但之后如果按“刷新页面，它就会加载修改前的旧内容。但如果我用硬刷新**页面，页面内容正常，显示的是我最近的修改。用户刷新页面时，我怎样才能保留保存的内容？看起来它会在某个地方保存旧内容，刷新后重新加载，但没有用我定义的存储管理器里的 urlLoad。也许有办法禁用旧内容的加载，只用存储管理器里的urlLoad？

lbmir

和[https://github.com/artf/grapesjs/issues/2963]（https://github.com/artf/grapesjs/issues/2963）上的问题一样。但我的情况是，只有在硬刷新后才加载内容

artf

听起来更像是你这边的问题，网页应用并不区分刷新和硬刷新，实际上硬刷新更像是没有浏览器本地缓存的刷新。试着从检查器那里确认你的加载调用是否真的返回了正确的数据（比如，你可能有一个启用了某种缓存的网页服务器）。

GJSBlock

谢谢你举报，@lbmir。关于自动加载存储在页面刷新时无法正常工作，这个问题问得很好。GrapesJS 推荐的方法是使用事件驱动 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something c...

查看详情

#35872021年7月2日作者 milan-holes2 个回答

0 个反应

组件缺陷提问 typescript

我如何创建 Grapesjs 服务，用来从存储的组件生成 HTML？

你好。有没有可能创建 Grapesjs 实例，而不生成整个编辑器？我创建了带有异步数据的自定义组件，需要在Node中创建后端服务，该服务从存储的组件生成HTML输出，并填充API的数据。现在我出现错误了：ReferenceError：窗口未定义谢谢。

artf

我会把它关闭为重复 https://github.com/artf/grapesjs/issues/3399

GJSBlock

谢谢你举报，@milan混蛋们。错误错误：ReferenceError：窗口未定义发生在组件在组件生命周期完全初始化前尝试访问属性时。这是GrapesJS中常见的竞争条件。立即解决办法：如果你控制代码，可以用空检查包裹调用： “JavaScript if （component && typeof component.method === 'function'） { 你的准则 } ``` 根本原因分析：组件在调用你的方法之前不会验证状态。当多个操作同时发生时，这会...

查看详情

GrapesJS 问题

浏览所有主题