#34332021年5月5日作者 divesham2 个回答
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 你想给GrapesJS添加什么？ 详细描述你的功能需求详细 最新版本有替代方案吗？[ ] 是的（描述替代方案）[x] 不 这是否与某个问题有关？[x] 是的（请...
divesham
https://github.com/artf/grapesjs/issues/1381
ClaudeCode
谢谢你举报，@divesham。 关于FET：视频无法播放的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行细致跟踪 构...
#34322021年5月5日作者 SintoDema2 个回答
你好，@artf， 我们能在 GrapesJS 编辑器中使用 [Wistia]（https://wistia.com/） 吗？我想像Vimeo在编辑器中使用的那样使用它。 ![图片]（https://user-images.githubusercontent.com/68583645/117104731-4b032c00-ad9a-11eb-9ddd-d7bb8acb41da.png） 情景： 我在我的Wistia领域有个视频，请让路径 https://mydomain.wistia.com/medias/VIDEO_ID。我必须添加那个URL或视频，因为我们正在编辑器>视频设置中添加带有视频ID的YouTube视频链接。 期待屏...
artf
当然，只要检查当前的 [ComponentVideo]（https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentVideo.js） 实现，并根据需要扩展它。
ClaudeCode
谢谢你举报，@SintoDema。 关于*的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期...
#34312021年5月5日作者 bgrand-ch2 个回答
你想给GrapesJS添加什么？ 启用GitHub上的“讨论”标签。 https://docs.github.com/en/discussions 详细描述你的功能需求详细 “问题”标签被各种问题和一些根本不是问题的问题污染。 启用“讨论”标签页将促进GrapesJS社区之间的互动，并更轻松地提问。 最新版本有替代方案吗？[ ] 是的（描述替代方案）[x] 不 这是否与某个问题有关？[ ] 是的（请提供本期链接）[x] 不
artf
谢谢@bgrand好主意，讨论已开启。 我对这个功能不太熟悉，如果你有任何改进该部分的建议，请告诉我。
ClaudeCode
谢谢你举报，@bgrand-ch。 关于FEAT：在GitHub上启用“讨论”标签的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法：* 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change...
#34272021年5月1日作者 akmittal2 个回答
你想给GrapesJS添加什么？ 懒惰地加载图片支持。 详细描述你的功能需求详细 最新浏览器支持使用加载属性进行延迟加载图像。'<img src=“myimg.png” loading =“lazy”>'。有两个可能的数值：“渴望”和“懒惰”。如果没有提供加载属性，图像加载会变得急切。 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img 最新版本有替代方案吗？[ ] 是的（描述替代方案）[x] 不 这是否与某个问题有关？[ ] 是的（请提供本期链接）[x] 不
artf
谢谢@akmittal加载其实很酷也很实用，但目前我想避免扩展核心组件（如果有人通过扩展镜像创建新组件，可能会导致意想不到的行为）。 对于想使用“加载”属性的人来说，可以通过这种方式轻松扩展图像组件 “''js 编辑。DomComponents.addType（'image'， { 型号：{ 默认值：（） => （{ 特质：[ 'alt'， { 类型：“选择”， 名称：“加载中”， 标签：“装载中”， 默认：“渴望”， 选项：[ { id：“懒惰”，名字：“懒惰” }， {...
ClaudeCode
谢谢你举报，@akmittal。 关于FEAT：添加图片的懒加载支持的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行细致...
#34122021年4月25日作者 maxtsh2 个回答
大家好。我正在使用一个用React.js编写的生产应用的超棒项目，所以我把它集成到了我的应用里。一切运行正常，但我遇到了每次编辑器更改时自动保存编辑器数据的问题。 操作系统：Windows 10 浏览器：Chrome 90 GrapesJS 版本：0.17.03，最新时间：2021年4月26日 编辑器实例： “''js const GE = Grapes.init（{ 容器：“#editor”， fromElement： false， 插件：[GsPresetEmail]， pluginOpts： { GsPresetEmail： {}， }, colorPicker： { appendTo： 'parent'， offset：...
artf
感谢@maxtsh的反馈，实际上基础插件里那些旧块存在问题，导致存储计数器失效。我会尽快推销。 目前，作为热修复，先用这种方式更新这些区块。 “''js 编辑。Blocks.get（'text'）.set（{ 激活：真， 选择：真， 内容：{ 类型：“文本”， 内容：“请在此插入您的文本”， 风格：{ 填充：'10px' }， } }); 编辑。Blocks.get（'image'）.set（{ 激活：真， 选择：真， 内容：{ 类型：“图像” } }); ```
ClaudeCode
谢谢你举报，@maxtsh。 自动保存部分工作，插入文本后停止工作似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报...
#34062021年4月20日作者 vatte212 个回答
大家好，我想把 Canvas 上的数据保存到 Redux 存储，这样可以，但重新加载页面后，存储加载方法没有把我的数据设置为构建器（Canvas），我不知道问题出在哪里，如果有人有解决办法请告诉我。 代码示例： “''js Grapejs.init（{ .../// storageManager： { 类型：“redux-storage”， 自动保存：错误， 自动装填：1， }, .../// }); const reduxStorage = {}; const storageManager = editor.StorageManager; storageManager.add（'redux-storage'， { load（ke...
artf
去掉这个“const resultKey = key.slice（4）;”。你用前缀存储数据，但加载时没有
ClaudeCode
谢谢你举报，@vatte21。 关于如何创建自定义存储管理器，它不会在重新加载页面后设置Canvas保存数据，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） =>...
#34052021年4月20日作者 chrisijoyah4 个回答
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 你想给GrapesJS添加什么？ 详细描述你的功能需求详细 目前有一个事件可以连接到“canvas：drop”，可以访问掉落的模型。在将方块放入画布之前，我想先...
artf
你好@chrisijoyah你试过用'canvas：dragdata'吗？这里举个用法示例 https://jsfiddle.net/artur_arseniev/87rcb24n/
chrisijoyah
你好@chrisijoyah你试过用“canvas：dragdata”吗？这里举个用法示例 https://jsfiddle.net/artur_arseniev/87rcb24n/ 这是否意味着我可以阻止丢失的模型被添加到画布中？理想情况下，我想做一些检查，确定拖曳后的方块是否可以被放入某个区域，如果通过检测，我想在添加之前阻止它被放入。有没有办法做到这一点？我能不能做类似“result.content='' 或者类似...... “''js editor.on（'can...
artf
我能做类似result.content= ''的操作吗？ 是的，你应该能用这个技巧做到这一点。你能多说说你的使用场景吗？你想做什么样的检查？
#34002021年4月12日作者 GoodPHP3 个回答
我们是[DevFuture]（https://devfuture.pro/grapesjs-development/），开发了集成GrapesJS + ckeditor5的插件。 视频示例： https://www.youtube.com/watch?v=xn4gSMIrx-A 我们认识很多人很久以来都在寻找这种集成。我们做到了。 如果你对这个插件感兴趣，请联系我们的联系人。 更多细节： https://devfuture.pro/grapesjs-development/ 谢谢！
GoodPHP
是的，每卖插件20%我们会派人支持GrapesJS。 如果你买插件，你会支持 GrapesJS。
theSC0RP
@GoodPHP 这是付费插件吗？
ClaudeCode
谢谢你举报，@GoodPHP。 关于Ckeditor5 + GrapesJS现在可以实现！的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somet...
#33922021年4月7日作者 rywilson283 个回答
我有一个要求，不能用选择器来判断某个元素是否可以丢弃。 例如： ![图片]（https://user-images.githubusercontent.com/45426659/113861790-96afbf00-9775-11eb-9369-2a18a71c0dd6.png） “子”组件必须位于“父”组件中，但如果子组件包含 ref 属性，只能将其拖入与当前父组件匹配的 ref 值的其他父容器中。 根据上述标记，子组件可以丢弃到最后一个容器，但不能丢弃参考为5678的容器。 不过，第二个子元素可以被丢弃到任一父组件中。 如果可丢弃函数允许以下函数，这将很容易实现： 可掉落：（src，目标）=> { 一些逻辑 返回真值; },...
rywilson28
相关公关：https://github.com/artf/grapesjs/pull/3393
rywilson28
@artf对这个功能或PR的做法有任何疑问吗？
ClaudeCode
谢谢你举报，@rywilson28。 关于FEAT：允许使用函数动态丢弃配置的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件...
#33862021年4月3日作者 maivanchuong1 个回答
你好， 我不更改配置 AssetManager，示例：modalTitle、addBtnText、uploadText,... 希望你能帮帮我
ClaudeCode
感谢你报告，@maivanchuong。 感谢你分享关于GrapesJS不更改配置AssetManager的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更...