#25562020年2月8日作者 MatthewMariner2 个回答
使用场景: 大家好,我浏览了UndoManager API/搜索过相关问题——但我还是没弄明白如何限制UndoManager。如果我创建一个完善的网站并花30分钟制作,看起来我可以一直按Ctrl + Z回到起点。我觉得这可能会拖慢编辑器,因为它把这些步骤都保存在撤销管理器里。 总结 那么,有人知道怎么限制UndoManager只保存X步数吗?
artf
“''js 编辑。UndoManager.getInstance().set('maximumStackLength', 100); ```
#25552020年2月7日作者 mario-digital1 个回答
你好, 我在项目中添加了vue-slider,正在尝试将滑块的最小和最大范围设置为-100到100。不过设置后会出现: [Vue警告]:避免直接变异道具,因为每当父组件重新渲染时,该值会被覆盖。相反,使用基于道具值的数据或计算属性。道具变异:“min” 我理解这是因为我在父母层面设置了数值,但我很难直接在我的特质上设置。 你能告诉我如何用葡萄来设置这些吗?谢谢! 请参见Fiddle https://jsfiddle.net/uwrn3okf/
artf
兄弟,这是关于Vue的问题...... 顺便说一句,你只需要在Vue函数渲染中传递它们 “''js h(VueSlider, { 道具:{ 最小值:-100, 最大:100, 包含:真实, } }) ```
#25542020年2月7日作者 irfanhaider51 个回答
你好, 我想用带有动态数据的表格来制作动态组件。并且想在 React 组件中渲染生成的 html。你能帮帮我吗?我该怎么做?我没找到任何能帮到我的东西。我卡住了。
artf
你需要创建一个自定义组件,并且可以在“onRender”回调函数中加载动态数据
#25532020年2月6日作者 sdrebel1 个回答
你好,@artf, 在绝对拖拽模式下,无法拖拽选中的组件内的其他组件。 这个问题不是自定义组件的问题,我试过基本列组件。 如果有解决办法,告诉我 演示已经开始 https://jsfiddle.net/fn43hpj1/2/ 谢谢。
artf
目前绝对拖拽模式还不能以这种方式工作,所有丢弃的方块都直接放到根节点
#25522020年2月6日作者 kickbk2 个回答
抱歉问个新手,假设我有一个文本字段组件,只允许用户在画布中放置特定数量的文本,比如只放一个。我该如何限制它?也许有一种方式显示提醒,说明除非移除已有的文本字段组件,否则无法向画布添加新的文本字段组件?
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 个回答
我在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 个回答
有没有一个事件监听器可以在用户输入每个字母到 Grapejs 字段时触发函数? 我想在用户输入每个字母时保存到远程数据库。 目前我只能在模糊时触发功能,或者用户按自定义按钮时触发。
artf
如果你用“模糊”,你大概也能用“输入”(任何输入变化触发)
#25492020年2月4日作者 rjrodriguezalvarez973 个回答
大家好, 我正在尝试创建一个组件,它会根据属性值更新视图 “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 个回答
当开启缩放时,无法滚动覆盖所有画布并移动组件。 我认为是变换: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 个回答
你好@artf, 如果任何组件CSS的值是底部或右边,就无法拖动它们。数值以NaN形式生成。附上截图供参考。 
sdrebel
你能制作一个可重复的演示吗? 你好@artf 演示链接在这里 https://jsfiddle.net/fn43hpj1/2/ 你可以查看“弹窗”组件。 因为在可拖拽模式下风格会被覆盖,所以我得到了样式和更新onRender的方法。
artf
因为在可拖曳模式下风格会被覆盖,我就用了样式和更新 onRender 的方法。 是的,这会在下一个版本中修复,我稍后会用你的例子来确认。