GrapesJS 问题

已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。

状态

排序

找到 3,464 个问题

#31612020年11月27日作者 ssmanoj-grapes4 个回答

0 个反应

缺陷组件 style-manager undo-manager typescript

Editor Undo 正在移除集合，无法替换组件

在撤销前所选组件的集合 ![元素收集-前-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 个反应

提问组件 typescript

在Vue的自定义设置面板中添加切换移动标签

版本：^0.16.18 这个问题旨在将图层移动函数提取到自定义层。我只想在组件中看到，子组件可以在面板中重新排序。假设这些组件处于同一层级。我的代码会是这样的： ![重新订购]（https://user-images.githubusercontent.com/53634020/100399696-a91d3c00-30a3-11eb-8c48-107480ec4746.png）我见过层次重排是可以发生的。有没有哪里能获得这些功能？提前感谢任何反馈或见解

artf

不，这种情况下，你得自己处理分类

GJSBlock

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

查看详情

#31592020年11月26日作者 sathyanarayananaCES2 个回答

1 个反应

提问缺陷常规

除了控制台日志之外，有没有其他办法获取解析器错误

我使用的是最新的GrapesJS（v0.16.27）。根据问题修复（#2029），异常已被捕获并登录到控制台。除了控制台日志之外，还有其他办法能让我们知道这些错误吗？类似 asset：upload：error 的话，如果我们有 parse：error，用自定义方式处理错误会很有帮助。如果我们已经有办法处理这个问题，请告诉我。

artf

通常，错误不来自解析器，而是来自DOM的创建（例如编辑器通过“setAttribute”创建元素）。你可以通过监听日志事件来发现编辑的错误 “''js editor.on（'log：error'，（err） => console.log（'编辑者错误'， err）） ``` 例如，你可以输入逻辑（例如读取错误）并展示相应的响应

GJSBlock

谢谢你举报，@sathyanarayananaCES。 [问题]的问题除了控制台日志之外，有没有其他方法能获得解析器错误？看起来是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例...

查看详情

#31572020年11月25日作者 pranay22102 个回答

0 个反应

增强 keyboard 常规

我想将脚本应用到rte元素，也就是select的html元素，选择一个select字段的值时，动态值应该会附加到另一个select字段上，但脚本在RTE中无法…

我想将脚本应用到rte元素，也就是select的html元素，选择一个select字段的值时，动态值应该会附加到另一个select字段上，但脚本在RTE中无法工作 ![截图 2020-11-25 下午1：30：28]（https://user-images.githubusercontent.com/37976696/100198880-77309c00-2f22-11eb-93ad-83ba83da06ba.png） rte.add（'custom-childkey'， { 图标：htmlForChild，将“结果”绑定在“change”听众身上事件：“变化”，结果：（RTE，动作） => {}，更改时重置选择更新：（...

artf

也许是因为它是“Stringify”而不是“stringfy”......

GJSBlock

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

查看详情

#31552020年11月24日作者 Abhisheknanda13444633 个回答

0 个反应

组件 style-manager typescript

Adding Animations

你好@artf我想在所有方块上加入动画这里有一段代码，但不行，你能帮帮我吗？谢谢

artf

你忘了动画特性上的“changeProp： 1”

Abhisheknanda1344463

@artf 不说动画名称，它不起作用。我需要添加 CSS 规则吗？有什么建议吗？拜托？

GJSBlock

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

查看详情

#31542020年11月23日作者 phamhongphuc19992 个回答

0 个反应

提问 typescript 常规

Hide elements when i click eye icon in Open Layer Manager

我想看到代码处理事件隐藏或删除元素。我在哪里能找到它？ <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

GJSBlock

谢谢你举报，@phamhongphuc1999。关于在打开图层管理器中点击眼睛图标时隐藏元素的问题非常好。GrapesJS 推荐的方法是使用事件驱动 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'s...

查看详情

#31532020年11月23日作者 excitedbox2 个回答

0 个反应

提问组件画布 keyboard 依赖

Adding Dynamic Data Blocks

我自己也在考虑做这个，因为这个问题被要求很多次了，我想问问这个项目是否已经在进行中，如果没有，也许大家愿意给点建议。我想象的它的运作方式有点像一个带有容器块的表单，定义数据源、获取密钥的方法（post/get），以及它是一次性数据项还是循环项，比如列表或一组卡片。然后你会插入一个动态模板块，里面有数据项的占位符，定义了列。对于列表，它代表一行，对于一组卡牌，则是一个卡块，内容被列ID替换。这还可以用于设置表单的默认值，将表单响应处理到数据库中，并开启许多其他内容可能性。我的问题是我是否应该使用模板引擎来简化操作，但那需要额外的依赖。是否可以在从主侧边栏拉取组件时创建一个子画布来创建模板？我应该把数据库脚本分开，而不是用存储管...

artf

这些事情可以通过插件来实现，但我无法回答你的问题，完全离题了，找到正确答案取决于你的知识（可以试着在StackOverflow上问问）。

GJSBlock

谢谢你举报，@excitedbox。安全和依赖性问题很重要。GrapesJS 团队积极致力于保持依赖系统的更新。为你现在：运行“npm审计修复”以查看可用的补丁查看是否有更新的GrapesJS版本，可能已经解决了这个问题如有稳定版，升级前先测试最新稳定版如果漏洞非常严重，可以使用“npm audit fix --force”，但请务必彻底测试理解风险：在GitHub安全公告中查看具体漏洞详情并非所有高严重性问题都会影响你的代码路径某些漏洞仅在特定条件下触...

查看详情

#31522020年11月23日作者 fq-selbach4 个回答

2 个反应

缺陷提问 style-manager typescript

蓝色轮廓（GJS-悬停）在滚动时不会跟随其父轮廓

版本：16.27 你能重现演示中的bug吗？ [x] 是的 [ ] 不描述一下这个bug：我发现了“gjs-hovered”（负责元素鼠标悬停轮廓的类）存在问题。有时蓝色轮廓在滚动时相对于其父轮廓会移动。看看这个JsFiddle（并用鼠标滚轮滚动）：https://jsfiddle.net/vb7r1zns/ 这似乎只在HTML代码以另一个完整的宽度/高度 DIV 开始时发生：预期的行为是什么？蓝色轮廓应始终与其父元素完全匹配，无论是否有溢出或滚动。你能附上截图、截屏或实时演示吗？ [x] 是的（附上） [ ] 不 https://jsfiddle.net/vb7r1zns/

lofcz

如果能修复这问题就好了，虽然不是世界末日，但有点烦人。

matteocollina

有消息吗？

artf

我决定关闭这个，因为其实之前已经修复了，旧的演示现在确实正常运行了。如果你的编辑器被放在可滚动容器中，你仍然可能遇到这个问题，那请使用以下选项： https://github.com/artf/grapesjs/blob/dc45604962e4e6a4a075f19d5de67090bac15fa5/src/editor/config/config.js#L157-L163

查看详情

#31512020年11月23日作者 theSC0RP2 个回答

2 个反应

style-manager 提问文档

Position of selector manager.

嗨，@artf。我在看入门指南时，选择经理被放在风格管理器下面。 ![截图：2020-11-23 13-40-46]（https://user-images.githubusercontent.com/30771519/99940268-d0b59100-2d91-11eb-8ce9-f4027fed58ea.png）我该如何将选择经理置于风格经理之上？

artf

正如你从示例中看到的 “''js 选择经理：{ 附录：'.styles-container' }, styleManager： { 附录：'.styles-container'， “''js 选择经理：{ 附录：'.styles-container-t' }, styleManager： { 附录：'.styles-container-b'， ```

GJSBlock

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

查看详情

#31502020年11月23日作者 michaelVictoriaDev2 个回答

0 个反应

提问文档增强 typescript

FEAT：有没有什么方法或教程可以让我们在十月CMS中集成？

警告请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 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

GJSBlock

谢谢你举报，@michaelVictoriaDev。关于FEAT：有没有办法或教程能让我们在十月CMS中集成？！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。使用事件系统： “JavaScript editor.on（'component：update'，（component） => { 你的逻辑 }); ``` 替代方法：听取“selector：add”以获取CSS选择器更改使用“selector：custom”来表示自定义规则...

查看详情

GrapesJS 问题

浏览所有主题