GrapesJS 问题

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

找到 3,464 个问题

#25562020年2月8日作者 MatthewMariner2 个回答
4 个反应

限制UndoManager的步骤数为

使用场景: 大家好,我浏览了UndoManager API/搜索过相关问题——但我还是没弄明白如何限制UndoManager。如果我创建一个完善的网站并花30分钟制作,看起来我可以一直按Ctrl + Z回到起点。我觉得这可能会拖慢编辑器,因为它把这些步骤都保存在撤销管理器里。 总结 那么,有人知道怎么限制UndoManager只保存X步数吗?

artf

“''js 编辑。UndoManager.getInstance().set('maximumStackLength', 100); ```

MatthewMariner

谢谢你@artf

#25552020年2月7日作者 mario-digital1 个回答
1 个反应

更新vue滑块的最小值

你好, 我在项目中添加了vue-slider,正在尝试将滑块的最小和最大范围设置为-100到100。不过设置后会出现: [Vue警告]:避免直接变异道具,因为每当父组件重新渲染时,该值会被覆盖。相反,使用基于道具值的数据或计算属性。道具变异:“min” 我理解这是因为我在父母层面设置了数值,但我很难直接在我的特质上设置。 你能告诉我如何用葡萄来设置这些吗?谢谢! 请参见Fiddle https://jsfiddle.net/uwrn3okf/

artf

兄弟,这是关于Vue的问题...... 顺便说一句,你只需要在Vue函数渲染中传递它们 “''js h(VueSlider, { 道具:{ 最小值:-100, 最大:100, 包含:真实, } }) ```

#25542020年2月7日作者 irfanhaider51 个回答
0 个反应

创建包含服务器动态数据的动态表

你好, 我想用带有动态数据的表格来制作动态组件。并且想在 React 组件中渲染生成的 html。你能帮帮我吗?我该怎么做?我没找到任何能帮到我的东西。我卡住了。

artf

你需要创建一个自定义组件,并且可以在“onRender”回调函数中加载动态数据

#25532020年2月6日作者 sdrebel1 个回答
0 个反应

DragMode “绝对”无法拖拽其他组件

你好,@artf, 在绝对拖拽模式下,无法拖拽选中的组件内的其他组件。 这个问题不是自定义组件的问题,我试过基本列组件。 如果有解决办法,告诉我 演示已经开始 https://jsfiddle.net/fn43hpj1/2/ 谢谢。

artf

目前绝对拖拽模式还不能以这种方式工作,所有丢弃的方块都直接放到根节点

#25522020年2月6日作者 kickbk2 个回答
2 个反应

只允许丢弃一个组件

抱歉问个新手,假设我有一个文本字段组件,只允许用户在画布中放置特定数量的文本,比如只放一个。我该如何限制它?也许有一种方式显示提醒,说明除非移除已有的文本字段组件,否则无法向画布添加新的文本字段组件?

pouyamiralayi

[#25151](https://github.com/artf/grapesjs/issues/2515#issuecomment-576408868) [#25152](https://github.com/artf/grapesjs/issues/2515#issuecomment-576461987)

kickbk

所以我现在有一个非常难看的解决方案: 这基本上是看加载时组件是否在画布中。如果是的话,那它会隐藏可拖动的组件按钮——这里我可以用更好的方法来隐藏按钮——怎么做?我可以用 'const form = editor 进入组件。BlockManager.get('form');' 但一旦我有了它,我该如何隐藏它? 然后我有监听器来隐藏和显示组件按钮,显示和添加——问题和上面一样。 这看起来是个糟糕的做法。一定是我漏掉了什么“只允许一个”的设置。有什么建议吗?

#25512020年2月5日作者 gagan3481 个回答
0 个反应

在richtexteditor中无法选择链接组件,除非点击canvas

我在richtexteditor里创建了链接工具栏,想在insertHTML后面的else语句中选择链接组件(动态添加)。直到我点击画布,它才会被创建为组件。有没有什么方法可以实现? 以下是以下代码: 编辑。RichTextEditor.add('link', { 图标:“<I class=”fa fa-link“/>', 属性: { 标题:“链接” }, 结果: 函数(RTE) { 如果 (isValidAnchor(rte)) rte.exec(“unlink”); 否则 { rte.insertHTML('<a data-gjs-type=“link” class=“link” href=“”>${rte.selection...

gagan348

我找到了适合自己的👍方法 editor.getSelected().view.syncContent(); 谢谢

#25502020年2月5日作者 ganapathy-kevin1 个回答
0 个反应

触发函数“类型”事件

有没有一个事件监听器可以在用户输入每个字母到 Grapejs 字段时触发函数? 我想在用户输入每个字母时保存到远程数据库。 目前我只能在模糊时触发功能,或者用户按自定义按钮时触发。

artf

如果你用“模糊”,你大概也能用“输入”(任何输入变化触发)

#25492020年2月4日作者 rjrodriguezalvarez973 个回答
7 个反应

更新属性变更的组件视图

大家好, 我正在尝试创建一个组件,它会根据属性值更新视图 “JavaScript 编辑。DomComponents.addType(“price-value-type”, { isComponent: el => { if (el.tagName == “div” & el.hasAttribute(“price-value”)) { 返回 { 类型:“价格-价值-类型” }; } }, 型号:{ defaults: Object.assign({}, defaultProperties, { 默认价格:0, 名称:“普赖斯”, 类别:[“价格”], Components: model => { return '${model.g...

artf

要更新 HTML,你需要在模型中更改 'toHTML' “''js 型号:{ ... toHTML() { const tagName = this.get('tagName'); const price = this.get('defaultPrice'); return '<${tagName}>${price}</{tagName}>'; } } ```

artf

你试过类似的吗? “''js 浏览量:{ init() { this.listenTo(this.model, 'change:defaultPrice', this.render); }, onRender() { this.el.innerHTML = this.model.get(“defaultPrice”); } } ```

rjrodriguezalvarez97

我后天试试。感谢你的快速回复!

#25482020年2月4日作者 christiancannata3 个回答
4 个反应

无法在开启缩放的情况下滚动所有画布

当开启缩放时,无法滚动覆盖所有画布并移动组件。 我认为是变换:scale(1.5) translate(0px);画布上的财产问题的根源。 如果我在画布外启用了 overflow: scroll 属性,我只能移动部分画布,不能移动所有画布大小。 <img width=“892” alt=“Schermata 2020-02-04 alle 14 57 14” src=“https://user-images.githubusercontent.com/4604959/73724866-e0121200-475e-11ea-875d-eb9cbd88fbc7.png”> <img width=“892” alt=“Schermata...

artf

你好@christiancannata开启缩放后,应该可以通过按空格键和鼠标左键平移画布

no-response[bot]

由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。

mmotov

嗨,@artf!这真的很有帮助,但我该如何设置Canvas在缩放回正常状态时的原始位置?

#25472020年2月4日作者 sdrebel3 个回答
0 个反应

如果样式的值是底部或右边,无法拖动元素

你好@artf, 如果任何组件CSS的值是底部或右边,就无法拖动它们。数值以NaN形式生成。附上截图供参考。 ![图片](https://user-images.githubusercontent.com/19382262/73723718-bb626e00-474f-11ea-8953-11156f96c926.png)

artf

你能制作一个可复现的演示吗?

sdrebel

你能制作一个可重复的演示吗? 你好@artf 演示链接在这里 https://jsfiddle.net/fn43hpj1/2/ 你可以查看“弹窗”组件。 因为在可拖拽模式下风格会被覆盖,所以我得到了样式和更新onRender的方法。

artf

因为在可拖曳模式下风格会被覆盖,我就用了样式和更新 onRender 的方法。 是的,这会在下一个版本中修复,我稍后会用你的例子来确认。

浏览所有主题