GrapesJS 问题

artf

@awais786327请提供该问题的现场演示

no-response[bot]

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

GJSBlock

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

artf

你必须[扩展自定义组件的视图]（https://grapesjs.com/docs/modules/Components.html#view）

GJSBlock

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

adamwpe

替换为#3139

GJSBlock

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

artf

首先，你需要升级你的 Grapesjs 版本（你用的是两年前的版本），然后你还得提供一个问题的实时演示。

no-response[bot]

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

GJSBlock

谢谢你举报，@Asha1597。 当我选择某个特定元素时，我无法获得它的样式。这个问题只发生在某些元素上。 似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandb...

longdoan7421

抱歉我误解了你的问题，所以我之前的评论不相关。 为了实现你的愿望，你需要创建自己的性状类型[（docs）]（https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type）和组件类型[（docs）]（https://grapesjs.com/docs/modules/Components.html#define-custom-component-type）。 有更简单的方法，但它不能把所有自定义数据保存...

longdoan7421

我不太明白你的问题。 但如果你为组件模型设置了任何自定义属性（除了一些保留键，比如“组件”、“样式”等）， 例如： 'component.set（'customTraits'， yourCustomTraits）;'。它会以JSON数据形式存在。

vijaycreatise

我试过这样做，但没用。 我想在 JSON 中添加 data 键和对象，用户选择表单时可以输入 API URL。你能帮我检查一下我做得对吗？

GJSBlock

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

Joshmamroud

@artf你知道这是在组件、RTE还是其他地方发生的吗？你能指点我正确的方向吗？如果有人能帮忙，我将非常感激。谢谢！

artf

我没法复现，但我看到你用的是自定义的“dm-text”组件，这可能是原因？！

Joshmamroud

@artf 我不这么认为。以下是 dm-text 组件类型的配置 “JavaScript” { 扩展：“文本”， 型号：{ 默认值：{ 名称：“文本”， 特征：[]， 可编辑：正确， 可掉落：错误， textable：确实如此， 风格：{ 填充：“10像素”， 宽度：“100%”， 高度：“自动” }, 可造型：[ “背景色”， “页分内”， “颜色”， “文本对齐” “font-size”， “字体家族”， “字体粗细”， “线高”， “边框宽度”， “边框颜色”， “边...

artf

ComponentFusionView？那肯定不是主 grapesjs 核心的，我们没有那个组件......很可能你用的是某种修改过的版本，这可能是导致错误的原因

GJSBlock

谢谢你举报，@lebonsavane。 错误 Error：需要 Babel “^7.0.0-0”，但加载时为“6.26.3”。如果你确定自己有兼容的@babel/核心版本，很可能是构建过程中加载了错误版本 发生在组件在组件生命周期完全初始化前尝试访问属性时。这是GrapesJS中常见的竞争条件。 立即解决办法： 如果你控制代码，可以用空检查包裹调用： “JavaScript if （component && typeof component.method === 'func...

sprklinginfo

发现已经通过使用“dragMode： 'absolute'实现了。谢谢。

GJSBlock

谢谢你举报，@sprklinginfo。 关于FEAT：在鼠标点击的位置放置一个组件，这是个很棒的建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“ch...

johnkeel-thork

我正准备报告同样的问题。 新增背景图片： <img width=“847” alt=“截图 2021-12-23 12 06 51” src=“https://user-images.githubusercontent.com/26764290/147238562-8df3ea2a-aca7-4b08-9d64-73fd1495d699.png”> 它正在转换为线条渐变，而不是网址： <img width=“621” alt=“截图 2021-12-23 12 07 36”...

artf

关闭 [jsfiddle]（https://jsfiddle.net/cqr7Luaj/），问题似乎解决了

GJSBlock

谢谢你举报，@fq-selbach。 *线性梯度CSS对背景图像产生奇怪影响的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：** 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更...