#31662020年12月1日作者 nanaya14 个回答
*版本：0.16.27 你能重现演示中的bug吗？ [ ]是的 [ ] 不 预期的行为是什么？ 在右侧面板和画布中，粘贴的节点应该在复制的节点之后。 目前的行为是什么？ 我复制一个节点。在views-container（右面板）中，粘贴的节点位于复制节点之后。但在画布中，粘贴的节点位于复制节点之前。如下所示： ![图片]（https://user-images.githubusercontent.com/22161888/100718588-7c945780-33f6-11eb-9f8d-ef17fc192031.png） 详细描述那个漏洞 当 html 标签之间存在空格或回车时，就会出现这个错误。 因为在'grapesjs/sr...
artf
我试过本地设置，但节点位置是正确的。你能制作一个现场演示吗？
nanaya1
抱歉，我没有详细说明发生这个错误的具体情况。 Grapesjs自带的组件不会出现这个错误，因为它们没有空格、回车或制表符。 我在定制组件时遇到了这个问题。 我自己定制了很多组件，有些会遇到这种情况。 发现该问题的自定义组件节点初始化示例如下。 如果你想在 grapesjs 默认组件中重现这个问题，可以通过 f12 元素的“Editor as HTML”输入节点间空格。具体如下。 ![live_demo]（https://user-images.githubuserconte...
#31622020年11月27日作者 sashapawlow7263 个回答
你好，@artf！:)也许你能帮忙处理葡萄。我有按钮，里面有自己的脚本（比如点击打开模态窗口）。如果我设置属性allowScripts： 0，我可以编辑这些按钮，但如果editor.allowScripts == 1，按钮执行逻辑（例如打开模态窗口），我就无法编辑按钮。我找到了一个很好的解决方案——它的 switch 属性 allowScripts = 0 ： 1，但更改只会在页面加载后应用。我该如何更换剧本？p.s 执行命令 editor.refresh（） 在更改值 allow 后 allow 脚本不带来结果 ![Screenshot_24]（https://user-images.githubusercontent.com/...
artf
我建议为这些按钮创建一个自定义组件，用脚本处理逻辑
sashapawlow726
@artf非常感谢！:+1:
ClaudeCode
谢谢你举报，@sashapawlow726。 关于按钮切换器到编辑器.allowsCripts的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“c...
#31612020年11月27日作者 ssmanoj-grapes4 个回答
在撤销前所选组件的集合 ![元素收集-前-u]（https://user-images.githubusercontent.com/75111879/100419275-467b6e80-30aa-11eb-8df4-10e210d41689.png） 撤销后所选组件的集合 ![元素收集后]（https://user-images.githubusercontent.com/75111879/100419319-55622100-30aa-11eb-8272-baebedf9313e.png） 代码用新组件替换该组件 ![代码]（https://user-images.githubusercontent.com/75111879/...
artf
抱歉，没有可复现的演示，这个问题对我来说说不通
ssmanoj-grapes
你好，artf， 请查看本期[grapejs-issue.zip]（https://github.com/artf/grapesjs/files/5630421/grapejs-issue.zip）的演示视频。
artf
好吧，既然你无法制作一个可复现的演示，我得关闭这个......
#31602020年11月27日作者 congweibai2 个回答
版本：^0.16.18 这个问题旨在将图层移动函数提取到自定义层。 我只想在组件中看到，子组件可以在面板中重新排序。 假设这些组件处于同一层级。我的代码会是这样的： ![重新订购]（https://user-images.githubusercontent.com/53634020/100399696-a91d3c00-30a3-11eb-8c48-107480ec4746.png） 我见过层次重排是可以发生的。有没有哪里能获得这些功能？ 提前感谢任何反馈或见解
ClaudeCode
谢谢你举报，@congweibai。 关于[问题] 在Vue的自定义设置面板中添加切换移动标签的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...
#31552020年11月24日作者 Abhisheknanda13444633 个回答
你好@artf我想在所有方块上加入动画 这里有一段代码，但不行，你能帮帮我吗？ 谢谢
artf
你忘了动画特性上的“changeProp： 1”
Abhisheknanda1344463
@artf 不说动画名称，它不起作用。 我需要添加 CSS 规则吗？ 有什么建议吗？拜托？
ClaudeCode
谢谢你举报，@Abhisheknanda1344463。 感谢你分享关于添加动画的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。G...
#31542020年11月23日作者 phamhongphuc19992 个回答
我想看到代码处理事件隐藏或删除元素。我在哪里能找到它？ <img width=“958” alt=“Capture” src=“https://user-images.githubusercontent.com/56115755/99949266-509d2480-2dad-11eb-8203-51432975b4d3.PNG”> 非常感谢！
artf
给你 https://github.com/artf/grapesjs/blob/d802eba08559a3e1c7830e937a78b0b2a417f2e4/src/navigator/view/ItemView.js#L12-L22
ClaudeCode
谢谢你举报，@phamhongphuc1999。 关于在打开图层管理器中点击眼睛图标时隐藏元素的问题非常好。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'s...
#31522020年11月23日作者 fq-selbach4 个回答
版本：16.27 你能重现演示中的bug吗？ [x] 是的 [ ] 不 描述一下这个bug： 我发现了“gjs-hovered”（负责元素鼠标悬停轮廓的类）存在问题。有时蓝色轮廓在滚动时相对于其父轮廓会移动。 看看这个JsFiddle（并用鼠标滚轮滚动）：https://jsfiddle.net/vb7r1zns/ 这似乎只在HTML代码以另一个完整的宽度/高度 DIV 开始时发生： 预期的行为是什么？ 蓝色轮廓应始终与其父元素完全匹配，无论是否有溢出或滚动。 你能附上截图、截屏或实时演示吗？ [x] 是的（附上） [ ] 不 https://jsfiddle.net/vb7r1zns/
lofcz
如果能修复这问题就好了，虽然不是世界末日，但有点烦人。
artf
我决定关闭这个，因为其实之前已经修复了，旧的演示现在确实正常运行了。 如果你的编辑器被放在可滚动容器中，你仍然可能遇到这个问题，那请使用以下选项： https://github.com/artf/grapesjs/blob/dc45604962e4e6a4a075f19d5de67090bac15fa5/src/editor/config/config.js#L157-L163
#31502020年11月23日作者 michaelVictoriaDev2 个回答
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 详细描述你的功能需求详细 关于如何集成在CMS中的教程或文档
artf
十月CMS已有插件 https://octobercms.com/plugin/pkurg-pagebuilder
ClaudeCode
谢谢你举报，@michaelVictoriaDev。 关于FEAT：有没有办法或教程能让我们在十月CMS中集成？！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则...
#31442020年11月17日作者 antman33512 个回答
你好，我用GrapesJs模板打印HTML，所以我需要毫米的尺寸。 有没有办法在StyleManager里切换默认出厂设置？也许可以把它放进选项里？ 谢谢， 安东尼奥
artf
不，你不能，你只需要在 StyleManager 配置中配置属性（示例配置可以在这里找到 [https://grapesjs.com/docs/getting-started.html#style-manager）]）。
ClaudeCode
谢谢你举报，@antman3351。 关于[问题] 切换默认工厂的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something ch...
#31432020年11月15日作者 sprklinginfo2 个回答
默认情况下，当选中组件时，工具栏会显示“移动、复制、删除”等操作，并设置“showToolbar： 1”选项。当我定义一个可能包含多个内部组件的自定义组件时，我想隐藏这些内部组件的工具栏。我不想在 grapesjs.init（） 中全局隐藏它。谢谢，
artf
定义组件后，你可以自定义工具栏数组 “''js 默认值：{ ... 工具栏：[]， // 这将阻止其在组件上的渲染 } ```
ClaudeCode
谢谢你举报，@sprklinginfo。 感谢你分享关于隐藏内部组件工具栏的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。Grap...