GrapesJS 问题

artf

正如对PR的回复，如果需要，可以扩展图像组件来实现，而不会破坏对他人的集成。 顺便说一句，当你想添加某个功能时，你应该始终考虑这对他人的使用方式。所以，如果“referrerPolicy”功能提供了更多选项，那么让它可自定义可能更合理，这样新功能也能适用于其他情况（你不能只强制它“origin”，因为它适合你的情况）。

tomhatzer

非常感谢你的建议@artf——我会尝试通过扩展原始组件来完成这件事。祝你有美好的一天！😃

tomhatzer

对于所有遇到iframe无法发送里面内容引用头的人，这里有一个快速且粗略的解决方案。 只需将Canvas iFrame的“src”设置为你想要的域名，并用这个引用器。就我而言，我希望和编辑器显示的网页用的是相同的域名。 在渲染时，'srcDoc' 属性会引路，然后是 'src' 属性。 请注意，在Canvas iFrame加载后设置可能会导致错误，所以可以尝试操作Canvas视图的属性（据我所知，这不直接实现）。

artf

请按照本指南 https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage

GJSBlock

感谢你报告，@san-123。 关于远程数据库内容加载问题的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行细致跟踪 构...

gixid192

你可以在这里查看该文件：https://grapesjs.com/docs/getting-started.html#import-the-library

GJSBlock

谢谢你举报，@burgil。 关于使用GrapesJS而不使用NPM的好建议？！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行细...

gixid192

关键是——HTML缺失了。 如果可以的话，建议你把代码分享到codesandbox或类似的在线编辑器里。

artf

是的，我们需要完整的代码来理解问题。 无论如何，如果你用的是“脚本”，请定义一个自定义组件，而不是直接放在块里，否则存储会有问题。我知道文档里是这样说明的，但块的使用只是示例（我希望能在下一个版本更新）

no-response[bot]

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

artf

Pages模块现已合并 https://github.com/artf/grapesjs/pull/3411，新版本即将发布。 使用Pages API的简单演示：https://codepen.io/artf/pen/XWpJQoY

artf

听起来很棒，我很喜欢把这个插件作为插件的想法，如果你觉得需要添加什么（比如某个事件）来让它更好，告诉我。

jrkd

这个功能的核心今天已经运行起来了。 @artf如果还想要，告诉我，我会在一月份再花点时间。 给自己的笔记， 待办事项：添加/移除页面操作，进行视觉调整，集成存储管理器，并将代码重构为独立插件。

artf

目前，唯一的方法是使用这个非公开的API。 “''js editor.getModel（）.initBaseColorPicker（DomElement， { / spectrum options / }）; ``` 我已经开始开发一个新的UI模块，以应对类似情况（比如添加/替换GrapesJS UI元素的能力），但遗憾的是，我不知道它什么时候发布，因为它还处于实验阶段。

himedlooff

有没有办法保留色彩选择器，同时配置光谱选项？比如说，如果我想强制十六进制颜色，我可以传递“{ preferredFormat： ”hex“ }'？

GJSBlock

谢谢你举报，@stljeff1。 关于我该如何重新利用Spectrum选色器？的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”...

artf

我不确定我理解得对不对，你能不能说明一下当前的行为和你的提案？

jlong-crestron

基本上，我希望在初始化时修改一个汇总编辑器实例的暴露列表，这样如果能在初始化配置对象上用类似“editorInstanceId”的新属性，将“editors”从列表改成带有新属性的映射，我可以在接下来的几天内创建一个POC。

no-response[bot]

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

artf

GrapesJS 中的默认视频组件处理方式不同（无源代码）。就你而言，我建议扩展默认版本，并添加对来源的支持。

GJSBlock

谢谢你举报，@mshafiq235。 关于src自动添加到视频标签的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行细致...

artf

你好，当你定义一个新组件时，可以自定义它的工具栏 “''js ... 型号：{ 默认值：{ ... 工具栏：[ { 属性： { 类别： 'fa fa-arrow-up'， 命令： （） => alert（'Hi'） }， ... ], } } 但不会被存储（比如页面刷新），所以我总是建议更多地以组件为导向思考。

anatoli-dp

谢谢，这对我想添加的一些内容帮助很大 使用。 2020年12月29日星期二下午1：01 Artur Arseniev <[email protected]> 写道： 关闭了#3177 <https://github.com/artf/grapesjs/issues/3177>。 — 你收到这个帖子是因为你写了这个帖子。 直接回复此邮件，请访问GitHub查看 <https://github.com/artf/grapesjs/issues/3177#event...

GJSBlock

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

artf

你好@oleteacher，由于浏览器的安全限制（例如图片是从其他域名下载时），这样做并不完全可行。你需要一个服务器进程帮你生成图像。

oleteacher

是的，我们有教室本地服务器。我们没有自己的IT支持来帮忙处理这些问题，学校规模非常小 抱歉打扰你了。

GJSBlock

谢谢你举报，@oleteacher。 关于FEAT：下载/导出图片——很喜欢在课堂项目中使用的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“cha...