GrapesJS 问题

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

状态

排序

找到 1,399 个问题

🔍 outdated

#7162018年1月5日作者 krunal0393 个回答

3 个反应

已过时

不允许选择性调整图像大小

我不希望用户在模板的特定区域调整图片大小，但希望允许在画布上任意放置。我希望用户只需选择图片，不允许为特定类别/元素调整大小。

artf

你可能需要在渲染时做类似的操作 “''js const wrapper = 编辑器。DomComponents.getWrapper（）; Wrapper.View.$el.find（'#someid img'）.each（（el， i， $els） => { cont $el = $els.eq（i）; const model = $el.data（'model'）; model & & model.set（'resizable'， 0）; }); ```

faruk247

每个（（el， i， $els），只需将分别替换为 Each（function（el， i， $els）完整代码： var wrappers = 编辑器。DomComponents.getWrapper（）; Wrappers.View.$el.find（'.rm-editable img'）.each（ function（el， i， $els） { var $el = $els.eq（i）; VAR model = $el.data（'model'）; model...

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#7152018年1月5日作者 suchithmahadi3 个回答

0 个反应

已过时

我们能把类设置为包装器吗

你好，根据文件，更改包装器的背景并设置某个属性 var wrapper = domComponents.getWrapper（）; wrapper.set（'style'， {'background-color'： 'red'}）; wrapper.set（'attributes'， {'title'： 'Hello！'}）; 我们能把类设置为包装吗？请告诉我们如何将类设置为根组件，即封装器。谢谢。

artf

当然，编辑。DomComponents.getWrapper（）.addClass（'wrapper'）'

suchithmahadi

@artf，谢谢你的回复。我们能做吗编辑。DomComponents.getWrapper（）.addClass（'wrapper'）在0.10.7版本中谢谢。

suchithmahadi

抱歉打扰你，因为我在0.10.7版本尝试时它报错了 [错误]TypeError：wrapper.addClass 不是函数。（在“wrapper.addClass（'wrapper'）”中，“wrapper.addClass”未定义）全球代码（index.html：4474）还有一个请求，我不想更新到最新版本，你能告诉我有什么可能实现这一点的方法吗？谢谢。

查看详情

#7142018年1月5日作者 michaellwatson2 个回答

0 个反应

已过时

选择元素时的开放样式管理器

正在尝试这样做给出误差 this.sender.get 不是函数 grapesjs.min.js toggleSm 基本上，我想在点击元素时打开样式管理器。任何帮助或信息都非常感谢，谢谢

artf

你好，迈克尔，实际上，'open-sm' 里有个 bug，不允许用 'runCommand' 调用命令，但原因是它设计成只用相对按钮调用，我建议你这么做 “''js editor.on（'component：selected'，（） => { const openSmBtn = 编辑器。Panels.getButton（“views”， “open-sm”）; openSmBtn.set（'active'，1）; }); ```

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#7132018年1月5日作者 austinbiggs2 个回答

0 个反应

已过时

限制可掉落组件仅限特定组件类型

这个说法可能看起来有点混淆，但本质上我想用'gjs-droppable=“'，就像用'gjs-draggable=”“'一样。所以如果“gjs-droppable=”li.feature“' 设在 '<ul>''，那么只有符合选择器的项目才能丢弃在 '<ul>' 内。

austinbiggs

这已经如上面所述了，我之前的代码出错导致它无法正常工作！

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#7112018年1月4日作者 austinbiggs2 个回答

2 个反应

已过时

修改拖拽助手的CSS

我一直在翻代码和CSS，找不到金色父容器的CSS和绿色的drop占位符。我试过在CSS/JS里搜索这些颜色，但没找到。查看源代码时，我也没看到任何附加内容......有人知道可以用什么ID或类别来修改这两个元素吗？ ![截图 2018-01-04 下午1：15：46]（https://user-images.githubusercontent.com/930864/34582541-67d20382-f151-11e7-8afe-6eecac8ec9c4.jpg）

austinbiggs

我是在翻阅HTML后找到了这个课程。 .gjs-placeholder-int， .gjs-com-placeholder-int， .gjs-nv-placeholder-int {}

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#7102018年1月4日作者 austinbiggs3 个回答

3 个反应

已过时

让整个元素都能拖动，而不仅仅是手柄

我正在修改手柄，除了有手柄外，我还希望整个元素都能拖拽。看代码，我猜我只需要在select时给可拖拽的元素附加'tlb-move'命令。上述代码在选择状态下，将选中的组件写入控制台。从这里开始，我认为需要添加一个用于拖拽的事件监听器，但我尝试用 '.on（）' 附加监听器都失败了。有什么建议可以把事件监听器附加到某个选定组件上吗？

artf

试试类似这样的东西 “''js editor.on（'component：selected'，（） => { const selected = editor.getSelected（）; 如果（！selected || ！selected.get（'draggable'）））返回; const el = selected.view.el; 如果（！el.hasCustomEvent） { el.hasCustomEvent = 1; el.addEventListen...

Jogai

我按照你的建议操作，但出现了一个错误：“未捕获的类型错误：无法读取未定义的属性'类型'” editor.on（'component：selected'，（） => { const selected = editor.getSelected（）; 如果（！selected || ！selected.get（'draggable'）））返回; const el = selected.view.el; 如果（！el.hasCustomEvent） { el.hasCusto...

Jogai

非常感谢你的更新！我还是有点难以正确实现。我举了一个例子： https://codepen.io/anon/pen/vRoRBX 举个例子，就是防止用户做太多事情。大多数元素都被设计成不可拖拽。用户应该能够重新排序。我在选择和拖拽时遇到了几个问题。以下是我采取的步骤和遇到的问题：点击第2项。问题1：元素没有被选中，只是被高亮显示。点击第1项，现在该项被较粗的高亮显示为选中。点击第2项，选中该项。问题2：1号保持“被选中”状态。拖拽（不先点击）第1项到第3项下方。问题3：...

查看详情

#7092018年1月4日作者 NicholasGati3 个回答

0 个反应

已过时

IsComponent 没有返回特征

新年快乐！我在使用“isComponent（）”时遇到了问题。这是我的代码：不知为何，这个特性唯一会出现在组件设置中，是当我完全移除 'isComponent（）' 的 if 语句，只返回 '{ 类型： 'selectReference' }'' 时。然而，这就成了一切的特征。我检查了'el.tagName'的值，它们和我预期的一样。我也确保了正确的“el.id”值。我甚至检查了if语句本身，确实通过if语句，正确记录输出。所以我很困惑为什么这个特质没有被恢复。请帮帮我。谢谢！

artf

你好，Nicholas，你是在插件里定义“selectReference”吗？

NicholasGati

嘿，阿图尔。是的，它在插件里。

artf

试过你的代码 https://jsfiddle.net/vv7sch2u/ 而且看起来正常工作

查看详情

#7082018年1月4日作者 HarshOB2 个回答

0 个反应

已过时

Greapes 编辑器无法读取“模板”标签

当我尝试将以下HTML保存到Grapes编辑器时，它无法渲染“模板”标签。此致

artf

因为这就是“<template>标签”的运作方式 https://github.com/artf/grapesjs/issues/244

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#7072018年1月4日作者 suchithmahadi2 个回答

0 个反应

已过时

Grapesjs中Gridstack.js

你好，@artf，我发现了一个可以在 Grapesjs 中实现网格可调整大小的插件，而且完全响应式，请看看，请告诉我们如何将这个插件与 GrapesJS 集成，这样我就能做一个 PR。 https://github.com/gridstack/gridstack.js#demo-and-examples

artf

@suchithmahadi你可以在项目中使用它，但这并不是我们在 GrapesJS 核心中需要的功能

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#7042018年1月4日作者 austinbiggs3 个回答

1 个反应

已过时