GrapesJS 问题

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

找到 3,464 个问题

#20322019年5月24日作者 yrbn1 个回答
0 个反应

如何移除不必要的组件?

@artf你在我确认答案正确之前就关闭了我的[issue](https://github.com/artf/grapesjs/issues/2016)。我希望 grape js 不要用任何块(链接、文本等)包裹链接。可能吗?

artf

请避免打开新期刊以继续讨论其他......

#20302019年5月23日作者 ohmyvander1 个回答
0 个反应

是否可以自定义一个模块来加载数据库中的数据

例如,我想创建一个复杂的自定义导航栏块。它有多个一层导航,每个导航区还设有多个二层导航。导航栏的数据是从数据库加载的。当我把它拖到画布时,我可以在特质里修改属性,改变加载的数据导航栏。另外,导出模板时,我希望代码只是 html,而不是包含 ajax 请求的 js,类似服务器端渲染。 可能吗?

artf

当然可以,但在这种情况下,我建议你创建一个[自定义组件](https://grapesjs.com/docs/modules/Components.html)。 这里有一个示例/伪代码,用于触发一个异步函数以更改组件内容 “''js 编辑。DomComponents.addType('my-custom-component', { 型号:{ 默认值:{ 终点:'http://A',// 某个性状的道具 特质:[ { 类型:“选择”, 名称:“端点”, 变革提案:1, 选项:...

#20292019年5月23日作者 arachnosoft3 个回答
3 个反应

如果你导入带有无效(编号)属性的 HTML 内容,grapesjs 会抛出 DOMException

你好@artf, 我们收到报告说,当你导入一些带有错误属性的HTML代码时,比如 '<td class=“cell” 01234=“0” >世界好! </td>` grapes.js 会抛出以下未捕获的 DOMException:未能对 'Element' 执行 'setAttribute':“01234” 不是有效的属性名。 在HTMLTableCellElement。<anonymous> (https://grapesjs.com/js/grapes.min.js?v0.14.61:3:3229) 在x(https://grapesjs.com/js/grapes.min.js?v0.14.61:3:1245) 在M.eac...

arachnosoft

为了让你了解情况,我把@ankx06和@artf建议的尝试/接住修正应用到了我们的代码上,但方式很通用。 我想确保在调用 setComponents() 的所有情况下都能捕捉到异常。 要么来自我们的代码,要么更重要的是(据我所知,@ankx06的例子没有涵盖)导入代码窗口。 于是,我用 JavaScript 闭包技术将原来的 setComponents() 函数封装在一个新的函数中,并放入 try/catch: https://stackoverflow.com/a/104...

ankx06

@jmchaves这并非任何事件判定。这是用来更新组件内部组件/html的函数。

ankx06

我在设置图片高度/宽度的无效属性/样式时也遇到过这个问题。 目前,我使用的是尝试接球块 “''js static updateInnerHTMLofComponent(component, newContent) { 将内部内容设为空 // 这是可选的 component.set(“content”, “”); 在组件中添加新内容。这样可以移除现有的子组件并创建新的子组件 试试{ component.components(newContent); } 捕获(错误){ 当用户...

#20282019年5月23日作者 WebEtSolutions2 个回答
0 个反应

复合类型下单位不会变化

你好, 你的演示:(有个错误 1- 在样式中,“无编码构建模板”文本中,将 TOP 设置为 5px 2- 在同一元素中,将 Dimension > Margin > Top 设为 10px 3- 在“悬停我”按钮中,将TOP设置为1%,Margin > Top设置为2% 4- 选择“构建你的模板......” 最高价值变化 top 5px -> OK 利润率>最高价值变动为10% -> :( 全局时,单位与中间层的变更是基于综合的。

WebEtSolutions

要解决这个问题,你必须更改 PropertyView.targetUpdated() 并更改这行 'let targetValue = this.getTargetValue({ ignoreDefault: 1 });' 就是这个 'let targetValue = this.getTargetValue({ ignoreDefault: 1, ignoreCustomValue: 1 });' 另一个解决办法是,在PropertySelectView里你需要添加set...

artf

谢谢@WebEtSolutions我对解决方案不是很确定,但这个bug已经确认了

#20272019年5月22日作者 sdrebel2 个回答
0 个反应

如何根据下拉选题动态添加特征

你好@artf, 我有一个自定义组件,带有自定义特质。当我从下拉菜单中选择该选项时,需要根据选择添加更多字段。我该怎么做? 下拉菜单 ![之前](https://user-images.githubusercontent.com/19382262/58178404-c52c6a00-7cc3-11e9-8a70-e00e45ed71ee.jpg) 额外场地 ![后](https://user-images.githubusercontent.com/19382262/58178909-b5615580-7cc4-11e9-968e-d5b35781c39f.jpg) 代码在下面,我添加了监听器,但没有选项向当前特质设置添加新字段。...

sdrebel

我试过下面的代码,它会把 traits 数组加入。但编辑并没有反映。 domComps.getType('linking').model.prototype.defaults.traits.push({ name: 'product' })

sdrebel

从最新的代码里找到了解决方案。 this.addTrait({ 类型: '勾选框', 名称: 'muted')

#20262019年5月21日作者 alikabeer322 个回答
1 个反应

风格管理器 CSS 函数(例如:旋转(90度))只接受一个参数

我想为 css 函数 translate(x,y) 提供一个选项,但 addProperty 参数 functionName 只接受一个参数作为输入。我试过用 translateX() 和 translateY(),但它们不能同时工作。如果有人能告诉我其他方法能达到想要的效果,我将不胜感激。

adamyarger

@alikabeer32我之前遇到过同样的问题,你需要为translateY和translateX设置默认值,因为CSS中的变换属性在translateX和translateY之间是共享的。 例如,Grapes 输出 'transform: translateY(40px) translateX(0);' 这里有一个示例,说明在构建葡萄时可以通过“styleManager”属性传递它。

alikabeer32

是的!这是完美的解决方案。谢谢!

#20252019年5月21日作者 MisterFK3 个回答
1 个反应

链接在EDGE上无法编辑

你好, 链接组件在EDGE上无法编辑。 我在Grapesjs演示版试用,还是同样的问题。 你知道怎么解决这个问题吗? 谢谢!

zgover

你还在用或支持工业工程吗?🤔 让它死去吧......

kkifa

我在最新版本的Edge中也遇到了同样的行为。 将“链接”或“按钮”块拖到画布后,我可以通过双击选择标签文本,也可以在选区内单击插入“I”光束,但插入文本时无法使用。

artf

关闭这个 As 似乎已经不再是问题了

#20242019年5月20日作者 charlieshum1暂无回答
0 个反应

块 CSS 与模板中已定义的 CSS 规则发生碰撞

对于方块专用的风格,我建议直接用“style”标签“''js内容:<section class=“big-hero”>...</section><style>.大英雄{...} ....</style>, 你好@artf 当使用<style>标签在“内容”内定义样式时,块被丢弃到画布后,块的CSS规则会覆盖已有且使用相同选择器的元素的规则。 例如,如果该块有以下规则 '.class1{ 颜色:#fff; } 添加该块后,其他不在块内但同样带有“类1”的元素颜色也会变为白色 即使我移除了新添加的方块,新的样式依然存在 有没有快速的方法能将CSS块的范围限制在该块内? 还是我需要更新所有选择器来防止这种情况发生? Originally...

#20232019年5月19日作者 Amir28281 个回答
0 个反应

TUI编辑

大家好, 我遇到了 TUI 编辑器插件的问题, 如果我尝试编辑经过资产管理器更新的新图片,一切都正常。 但如果我尝试编辑现有页面中已有的图片,TUI无法识别该图片,打开编辑器时却没有显示任何图片。 有什么解决办法吗?我是不是应该试试让每次双击图片都先通过资产管理器?

artf

错误的仓库至少制作一个该期的演示

#20222019年5月17日作者 shaunc8692 个回答
0 个反应

RSS 订阅

嗨! 我有个问题,我搜索过但没找到答案,有没有组件可以拉取RSS订阅并在页面上格式化。MailChimp 和 Campaign Monitor 都能做到这一点,这里有一个示例订阅源:http://www.homecaredaily.com/feed/ 我知道有些功能是在服务器端完成的,但我只是想看看有没有人之前处理过这个问题,或者有什么关于这个功能的指导。谢谢!

artf

你好,Shaun,如果你了解一下[Components](https://grapesjs.com/docs/modules/Components.html)和[Traits](https://grapesjs.com/docs/modules/Traits.html)的工作原理,实现起来应该不会那么复杂。 应该是这样的(可以当作一个伪代码): “''js 编辑。DomComponents.addType('rss-feed', { 型号:{ 默认值:{ 总计:10,//...

shaunc869

太棒了,非常感谢!

浏览所有主题