#32632021年2月4日作者 san-1232 个回答
你好， grapeJs 启动，我通常会加载函数调用并附加内容到 gjs div， $.Ajax（{ 类型：“GET”， 网址：” processData： false， contentType： 'application/json;charset=utf-8'， DataType：“json”， $.each（data， function （key， data） { $（'#gjs'）.append（html）; } }); 我的问题是，保存内容后，重新加载同样的功能调用不起作用。 如何简单调用保存/加载功能？ 请指引我
artf
https://grapesjs.com/docs/modules/Storage.html
ClaudeCode
感谢你报告，@san-123。 关于远程存储问题的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命...
#32622021年2月4日作者 lacieri2 个回答
你好@artf！ “JavaScript “编辑”： { “CSS”： “* { 框大小：border-box; }#wrapper{字体家族：Helvetica，Arial Black，无衬线;color：#9500b3;}“， “html”：“<div id=\”iecr\“>将你的文本插入此处</div>”， “资产”：“[]”， “styles”：“[{\”selectors\“：[\”#wrapper\“]，\”style\“：{\”font-family\“：\”Helvetica，Arial Black，无衬线\“，\”color\“：\”#9500b3\“}}，]”， “组件”：“[]” } } ``` 有没有办法...
artf
你应该可以用“editorInstance.getCss（）”从任何 GrapesJS 实例中获取 CSS。这基本上是从“样式”JSON 生成 CSS
ClaudeCode
谢谢你举报，@lacieri。 关于[问题]：解析样式到Css字符串的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...
#32612021年2月4日作者 nithinpillalamarri1231 个回答
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 版本： 你可以在控制台输入“grapesjs.version”获得版本 你能重现演示中的bug吗？ [ ] 是的 [ ] 不 预期的行为是什么？ 详细描述那个漏...
ClaudeCode
谢谢你举报，@nithinpillalamarri123。 如何自定义葡萄js表单以附加样式的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这...
#32602021年2月3日作者 mhowey3 个回答
Grapesjs 的颜色选择器在 Chrome 和 Firefox 之间工作方式不同。当你打开选中的组件，而该组件之前从未设置过背景色（例如......），颜色选择器在Chrome中设置为100%不透明度，Firefox中设置为0%。 问题是用户在使用Firefox时甚至可能热点查看这个透明度滑块，尝试更改颜色却失败，却没意识到透明度是0%。 预期行为： 在所有浏览器中，当被样式的组件从未指定背景色时，颜色选择器默认会将透明度设置为100%。 实际行为： 在Chrome中，颜色选择器正常工作。在Firefox中，颜色选择器最初总是以不透明度滑块为0%打开。 提前感谢你的精彩项目！！ 版本： 最新消息 你可以在控制台输入“grape...
mhowey
@artf Firefox 和 Chrome 的另一个区别是调色板显示的内容。Firefox显示透明方框，而Chrome显示灰色方框。
artf
似乎在最新的Firefox版本上已经解决了
ClaudeCode
谢谢你举报，@mhowey。 Firefox中*色彩选择器透明度滑块在0的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根...
#32592021年2月3日作者 bgrand-ch2 个回答
版本： 0.16.27 你能重现演示中的bug吗？ [ ] 是的 [ ] 不 [X] 视频但没有演示 预期的行为是什么？ 添加尽可能多的嵌套“span”元素，并保留它们的样式/ID。 目前的行为是什么？ 从两个嵌套的“span”元素中，父“span”元素的样式/ID会消失。 你能附上截图、截屏或实时演示吗？ [X] 是的（附上） [ ] 不 https://user-images.githubusercontent.com/17108974/106736579-e9ee7f80-6615-11eb-9f5e-a3236d026c98.mp4 TextEditor.vue “''js // ... 方法：{ onButtonClic...
artf
你好，Benjamin，这个bug已经修复了（报告bug时，请确保使用最新版本）
ClaudeCode
谢谢你举报，@bgrand-ch。 v0.16.27 - 嵌套 span 时样式/ID 消失的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这...
#32582021年2月2日作者 stljeff14 个回答
你好， 我有一个自定义组件，我们称它为Section Block。我想防止用户在其他区块里丢弃分段块。这可能吗？ 参考：https://grapesjs.com/docs/modules/Components.html#define-custom-component-type 我知道可以在新的组件类型上定义可拖拽的选项。我对这些选项的理解是包容的。 有没有办法让可拖拽的排他性，比如我说“这个方块可以丢弃在除[[组件类型]]以外的任何地方”？
artf
你可以用 '：not（）' 选择器，比如'：not（.except-this-class）'
stljeff1
谢谢@artf。这个方案大致上奏效。现在我遇到了一个新问题，一些占位符文本消失了。 在我的模块内部的某些元素中，我会有一个带有文本节点的HTML元素，然后是另一个嵌套的HTML元素。例如，包含图标的链接标签。 当我在组件模型中添加可拖曳选项时，块内类似上述A标签的HTML元素会失去文本节点。如果我用类似span标签的方式包裹这些文本节点，文本会保留。不变的元素示例： 你知道有什么方法会导致文本节点出现在与其他元素一起的容器中时消失吗？ 以下是我创建自定义组件的方式： 如果这...
artf
你用旧的API定义组件，这需要其他东西才能正常工作，这可能是问题的原因（我自己试过，一切正常）。请在这里查看正确的 API https://grapesjs.com/docs/modules/Components.html#define-custom-component-type
#32572021年2月2日作者 kuhelbeher3 个回答
你好，我在尝试获取封锁类别时遇到了奇怪的bug。“block.get（'category'）'” 在 Chrome 中返回对象，但在 Firefox 中同样的代码返回字符串： ![图片]（https://user-images.githubusercontent.com/37115006/106619453-4780be80-6579-11eb-90c6-8b33f197891c.png） 左边 - Chrome，右边 - Firefox 此外，启用 [adblock]（https://chrome.google.com/webstore/detail/adblock-%E2%80%94-best-ad-blocker/gighm...
xinnai
@kuhelbeher我也遇到同样的问题，你解决了问题吗？
artf
这个问题似乎已经通过最新版本的GrapesJS解决了
ClaudeCode
谢谢你举报，@kuhelbeher。 block.get（'category'）在Chrome和Firefox中返回不同结果的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例...
#32562021年2月1日作者 kumarabhishek0082 个回答
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 版本： 你可以在控制台输入“grapesjs.version”获得版本 你能重现演示中的bug吗？ [ ] 是的 [ ] 不 预期的行为是什么？ 详细描述那个漏...
ClaudeCode
谢谢你举报，@kumarabhishek008。 封装组件的背景图像在更新时第二次加载不出来的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这...
#32552021年2月1日作者 Abhisheknanda13444633 个回答
你好@artf 我正在尝试这样更改显示属性的类型和输入值 -： 但在样式管理器中按钮是看不到的。 我们如何自定义显示属性 “''js const styleManager = 编辑器。风格经理; styleManager.addSector（'div-only-sector'，{ 名称：“设定”， 开启：真， buildProps： ['width'， 'height']， 性质： [{ 名称：“可见性”， 属性：“显示”， 类型：“无线电”， 性质：[ {value：“继承”，标题：“可视性”}， {值：“无”，标题：“隐藏”} ], }] }); ``` 演示 -： https://codepen.io/abhi_punk81...
nilchu
你必须使用“列表”属性来定义你的选项。在无线电选项对象中，应该读的是“name”而不是“title”。 “JavaScript const styleManager = 编辑器。风格经理; styleManager.addSector（'div-only-sector'， { 名称：“设定”， 开启：真， buildProps： ['width'， 'height']， 性质： [{ 名称：“可见性”， 属性：“显示”， 类型：“无线电”， 列表：[{ 名称：“可见性”，...
Abhisheknanda1344463
非常感谢@nilchu你的帮助。
ClaudeCode
谢谢你举报，@Abhisheknanda1344463。 关于自定义样式管理器的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somet...
#32542021年1月29日作者 alemenciones2 个回答
也许你能帮帮我......我想在打开 TraitManager 时移除标签“.gjs-traits-label”。 ![图片]（https://user-images.githubusercontent.com/2309686/106330419-f499c500-6261-11eb-9aa5-27eaae11619b.png） ![图片]（https://user-images.githubusercontent.com/2309686/106330330-c6b48080-6261-11eb-9513-1371cb59e840.png） 我尝试了类似这样的方法：
artf
“''CSS .gjs-traits-label { display： none } ```
ClaudeCode
谢谢你举报，@alemenciones。 关于如何在traitManager中隐藏“.gjs-traits-label”的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => con...