#42852022年4月25日作者 zauchad2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v100.0.4896.127可复制演示链接 没有演示链接。描述一下那个虫子 如何复现这个漏洞？直接在工具栏内放置更大的图标（例如font awesome class： fa-2x）： 预期的行为是什么？ 组件的动作工具栏应该正确调整其宽度、填充和相对于组件的位置（目前每个图标的单元宽度是硬编码的）。 目前的行为是什么？ 这里有一个可视化示例，展示了更大工具栏图标和工具栏的样子： <img width=“1054” alt=“Zrzut ekranu 2022-04-25 o 11 08 41” src=“https://user-imag...
artf
保持工具栏项目大小固定有很多原因，如果你想让它们变大，可以直接更新CSS。
ClaudeCode
谢谢你举报，@zauchad。 关于[组件工具栏]工具栏宽度没有正确调整大小的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'）...
#42752022年4月20日作者 boomshakar1 个回答
![截图（154）]（https://user-images.githubusercontent.com/51333883/164320592-21240e4f-6df8-41a3-abb6-b7b3c189a9ed.png） 看了上传的截图，我圈出了表格单元格，类别，已选中： 注意：我目前使用的是新闻通讯预设插件。 我想把“Table cell”或“Table”的内文/标题改成类似“Custome Table Name”这样的别的。 另外，我想把“Classes”和“Selected”的内文/标题改成自定义的。 请问我该怎么做？？ 感谢🙏 Originally由@boomshakar在 https://github.com/a...
ClaudeCode
谢谢你举报，@boomshakar。 关于在内文名称/标题中更改单元格名称/标题的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'someth...
#42732022年4月20日作者 boomshakar4 个回答
你好， 请问，我需要关于如何在页面初始化时导入模板模态的逻辑...... 我用的是新闻通讯预设插件 我想实现的是什么？：让用户在页面加载后上传代码。 以下是我尝试过的逻辑， editor.on（'load'，（model， argument）=> { 开放模数AL const modal = 编辑。模态; const cmdd = 编辑。指挥; 使用组件名称的过滤器 if （model.getName（） === '导入模板'） { //不工作 表演模态 modal.open（）; } 编辑.on（'modal：'， （a， b， c） => { //不工作 console.log（{ a }）; console.log（{ b...
boomshakar
@boomshakar请不要把讨论变成问题 记下了。谢谢
boomshakar
你好，@artf， 我通过触发按钮上的点击（）键来实现我想要的功能， const modal = 编辑。模态; const query = new URLSearchParams（location.search）; const uploadQuery = query.get（'key'）; 如果（uploadQuery === 'upload-code'） { const importClick = document.querySelector（'.gjs-pn-btn.f...
artf
@boomshakar请不要把讨论变成问题
#42632022年4月16日作者 omkar1111112 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 可复制演示链接 描述一下那个虫子 抱歉在这里问。但我很着急。 我正在创建一个为客户托管网站的服务。 那么，对于每个新网站，GrapeDrop 会专门为该网站创建新的证书吗？假设我在GrapeDrop中指向我的域名来“在 example.com”。 它是专门为“example.com”创建SSL证书，还是使用已有的？ 另外，如果GrapeDrop创建了新的证书。它是如何动态识别GrapeDrop Web服务器应服务哪个SSL证书的？如果你用的是Nginx，能给我看一个示例代码块吗？ 行为准则 [X] 我同意遵守本项目的行为准则
artf
请避免使用 GrapesJS 的问题来解答非主题问题。
ClaudeCode
谢谢你举报，@omkar111111。 关于SSL证书如何实现？是个很好的问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something chang...
#42572022年4月13日作者 DavidHarvey4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v100 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？点击任意组件，在样式管理器中滚动到装饰>背景尝试制作一个带有基本颜色或渐变的背景 预期的行为是什么？ 我应该能设置背景，除了图片之外，还能设置颜色或渐变。 目前的行为是什么？ 我只能选择一张图片作为背景。 ![图片]（https://user-images.githubusercontent.com/3315834/163210124-fe42c4ee-c436-4654-826c-0c82f017a5fe.png...
bit-ocean
你好@artf 这个功能有可能引起一些关注吗？我觉得这是基本的。自从 0.17.29（Grapesjs-style-BG 插件支持的最后一个版本）以来，grapesjs 增加了许多很棒的功能，我很想使用新版本的 grapesjs。它出色的功能能轻松处理图像的渐变、颜色和透明度图层，这对我来说至关重要，也让我不至于升级。非常感谢你的考虑。
Vac1911
你可以用背景色输入来映射图像颜色，但界面看起来很混乱，应该做些修改。 ![图片]（https://user-images.githubusercontent.com/45333542/163394189-d3a12494-5194-40f7-a2f6-5c23d7702e70.png）
artf
是的，我禁用了之前带有颜色/渐变的插件，因为它不兼容最新版本，但我很快会改进。目前我先关闭这个问题，因为它与核心本身无关。
#42562022年4月13日作者 m-jojo-s2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 版本 98.0.4758.80（官方构建）（arm64） 可复制演示链接 https://jsfiddle.net/bd2kpjwf/ 描述一下那个虫子 如何复现这个漏洞？添加两个分量打开浏览器开发工具并启用设备模式（CMD+SHIFT+M）拖拽组件 预期的行为是什么？ 组件会被移动 目前的行为是什么？ 什么都没发生。阻力没有被记录 包含 gjs-touch 插件也没用。任何线索都将不胜感激。 行为准则 [X] 我同意遵守本项目的行为准则
artf
触摸插件多边填充只有在你已经启用触摸设备时才会工作（试用[演示]（https://grapesjs.com/demo.html）），所以如果你之后启用触摸设备，它就无法使用。
ClaudeCode
谢谢你报告，@m-jojo-s。 关于触摸拖放不工作的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 ed...
#42552022年4月13日作者 am1rb2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v98.0.4758.80可复制演示链接 https://jsfiddle.net/am1rb/3uzkn5t7/8/描述一下那个虫子 如何复现这个漏洞？在画布上渲染一个简单的组件将组件的程序性设置为可拖曳=false在编辑器中选择组件移动按钮存在于提示中，但无法使用 预期的行为是什么？ 组件工具栏应该重新渲染，如果可拖拽道具设置为false，移动按钮应该被移除。可复制和可拆卸道具也有同样的问题。 目前的行为是什么？ 移动按钮存在但无法使用，控制台上会出现以下错误： ![图片]（https://user-images.githubuserc...
artf
是的，工具栏其实不是动态的，所以如果你需要重新计算，必须手动强制 “''js model.set（{ draggable： false， toolbar： null }） model.initToolbar（）; ```
ClaudeCode
谢谢你举报，@am1rb。 关于如果你在程序上将可拖拽道具设置为false，初始工具栏的移动按钮不会被移除，这个问题很棒。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console...
#42502022年4月11日作者 dinosaurawr2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v 100.0.4896.75 可复制演示链接 https://stackblitz.com/edit/typescript-ou8qpc?file=index.ts&view=editor 描述一下那个虫子 如何复现这个漏洞？尝试用葡萄开头index.d.ts 预期的行为是什么？ 编辑器初始化时无错误 目前的行为是什么？ 'Type'[字符串， 任意]' 不可分配到类型 '[]'。 Source有2个元素，但目标只允许0'行为准则 [X] 我同意遵守本项目的行为准则
artf
谢谢@dinosaurawr在这里解决了这个问题 https://github.com/artf/grapesjs/pull/4216/files
ClaudeCode
谢谢你举报，@dinosaurawr。 关于init（）方法类型错误的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行细...
#42492022年4月8日作者 iamqinglong3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬100 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？我正在使用外部设备将图像块拖曳到画布上从自定义模态中选择图像查看代码检查模型/目标对象属性 预期的行为是什么？ 导出代码的“src”属性应包含实际的URL“<img src=”actual-url“ />' 目前的行为是什么？ 我正在使用一个外部模块来自定义资产管理。 model/target 的“src”属性应该包含实际的URL。 <img width=“682” alt=“截图 2022-04-08 下午2点26分” src...
m-jojo-s
要么使用 select.set（'src'， doc.URL）要么启用 unsafe html 属性 参见#4148
artf
是的，我建议你直接切换到“select.set（'src'， doc.url）'，就像之前建议的那样。
ClaudeCode
谢谢你举报，@iamqinglong。 关于导出HTML中图片字符不会改变的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...
#42482022年4月7日作者 protozoo2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ VSCode（VSCode 扩展中的 WebView） 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？创建一个新的 vscode 扩展（或使用你已有的扩展）创建一个包含 HTML 文档的 Webview，加载 GrapesJS 演示的 iframe（见下方示例代码）运行扩展和 webview 以加载 GrapesJS 演示尝试在画布上拖拽葡萄块 预期的行为是什么？ 拖曳的方块应加入画布 目前的行为是什么？ 拖拽的组件不会被添加到画布中。 你可以在这里观看一个展示问题的视频：https...
artf
你好@protozoo我不太清楚具体原因，但看起来 vscode iframe（可能是沙箱的）阻碍了原生的 HTML5 拖放功能（这是块上用的操作）。 由于这与核心内容不完全相关，我就把这个问题移到讨论区。
ClaudeCode
谢谢你举报，@protozoo。 关于在VScode扩展网页视图中阻挡拖放交互失败的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'som...