PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
使用场景： 大家好，我浏览了UndoManager API/搜索过相关问题——但我还是没弄明白如何限制UndoManager。如果我创建一个完善的网站并花30分钟制作，看起来我可以一直按Ctrl + Z回到起点。我觉得这可能会拖慢编辑器，因为它把这些步骤都保存在撤销管理器里。 总结 那么，有人知道怎么限制UndoManager只保存X步数吗？
artf
“''js 编辑。UndoManager.getInstance（）.set（'maximumStackLength'， 100）; ```
MatthewMariner
谢谢你@artf
你好， 我在项目中添加了 vue-slider，并且正在尝试将滑块的最小和最大范围设置为 -100 到 100。然而，当我设置它们时，会出现： [Vue警告]：避免直接变异道具，因为每当父组件重新渲染时，该值会被覆盖。相反，使用基于道具值的数据或计算属性。道具变异：“最小” 我理解这是因为我在父母层面设置了数值，但我很难直接在我的特质上设置。 你能给我一些关于如何用 grapes设置这些的建议吗？谢谢！ 请参见Fiddle https://jsfiddle.net/uwrn3okf/
artf
兄弟，这是关于Vue的问题...... 顺便说一句，你只需要在Vue函数渲染中传递它们 “''js h（VueSlider， { 道具：{ 最小值：-100， 最大：100， 包含：真实， } }) ```
你好， 我想用带有动态数据的表格来制作动态组件。并且想在 React 组件中渲染生成的 html。你能帮帮我吗？我该怎么做？我没找到任何能帮到我的东西。我卡住了。
artf
你需要创建一个自定义组件，并且可以在“onRender”回调函数中加载动态数据
你好，@artf， 在绝对拖拽模式下，无法拖拽选中的组件内的其他组件。 这个问题不是自定义组件的问题，我试过基本列组件。 如果有解决办法，告诉我 演示已经开始 https://jsfiddle.net/fn43hpj1/2/ 谢谢。
artf
目前绝对拖拽模式还不能以这种方式工作，所有丢弃的方块都直接放到根节点
抱歉问个新手，假设我有一个文本字段组件，只允许用户在画布中放置特定数量的文本，比如只放一个。我该如何限制它？也许有一种方式显示提醒，说明除非移除已有的文本字段组件，否则无法向画布添加新的文本字段组件？
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'）;' 但一旦我有了它，我该如何隐藏它？ 然后我有监听器来隐藏和显示组件按钮，显示和添加——问题和上面一样。 这看起来是个糟糕的做法。一定是我漏掉了什么“只允许一个”的设置。有什么建议吗？
我在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（）; 谢谢
有没有一个事件监听器可以在用户输入每个字母到 Grapejs 字段时触发函数？ 我想在用户输入每个字母时保存到远程数据库。 目前我只能在模糊时触发功能，或者用户按自定义按钮时触发。
artf
如果你用“模糊”，你大概也能用“输入”（任何输入变化触发）
大家好， 我正在尝试创建一个组件，它会根据属性值更新视图 “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
我后天试试。感谢你的快速回复！
当开启缩放时，无法滚动覆盖所有画布并移动组件。 我认为是变换：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在缩放回正常状态时的原始位置？
你好@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 的方法。 是的，这会在下一个版本中修复，我稍后会用你的例子来确认。