GrapesJS 问题

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

找到 3,464 个问题

#29822020年8月28日作者 mitcht3 个回答
0 个反应

BUG:在 x = editor.store() 上执行 editor.load(x) 会导致错误。

版本: 0.16.18 你能重现演示中的bug吗? [X] 是的 [ ] 不 预期的行为是什么? 我预计资源、组件、CSS、HTML和样式都会被重新填充。 详细描述那个漏洞 我正在使用一个现有系统,这个系统有一个数据库模式,阻止我使用 Grapesjs 内置的 StorageManager。 我正在尝试将GrapesJS编辑器当前状态存储到一个JavaScript变量中,然后分别用 editor.store()和editor.load()重新加载它。 根据文档,这些功能被列为编辑器的一部分,而非存储管理器(https://grapesjs.com/docs/api/editor.html#store),并且应相互补充。 目前的行为...

mitcht

是的,我看到“.load”需要回调函数。 我承认,我可能做错了。 我几天前才开始用 grapesjs。 如果我的bug报告不是真正的bug,怎么存储编辑器的当前状态(可能是json),然后重新加载? 有没有特定的函数可以调用,接受像“editor.store()'输出那样结构化的变量,还是必须调用setHtml、setStyle等?单独看?

mitcht

我正在研究 https://grapesjs.com/docs/modules/Storage.html#storage-api 但我还是希望能“设置好然后忘掉”:)

artf

有一个例子正好说明了你想要的 https://grapesjs.com/docs/modules/Storage.html#define-new-storage

#29812020年8月27日作者 trony20201 个回答
0 个反应

GrapesJS 删除了 HTML 属性

你好,我从以下内容开始: '<table style=“width:100%;height:100%” border=“1” data-template=“true”>' ... '<h4 data-fieldname=“dateEventoString” data-gjs-editable=“false” data-gjs-removable=“false” >' .... “</h4> ... “</table> 但当我用 editor.getHtml() 时,返回的 HTML 缺少了一些原始属性! 这里是返回的html: '<table border=“1” data-template=“true” id=“i8wv”>'...

artf

https://github.com/artf/grapesjs/issues/2973#issuecomment-682264998

#29802020年8月27日作者 ikenderham2 个回答
0 个反应

BUG:距离滑块无法使用

大家好 我正在尝试在一个特性内创建一个范围滑块,可以更改 div 高度。我创建了一个新组件,并在里面创建了一个特性。 我尝试用一个选择框来做一个解决方案,看起来还算有效。但现在我会尝试用范围滑块来实现,但我真的不知道怎么做。它不起作用,也没有调整高度。 希望有人能帮我解决这个问题 “''js 编辑。DomComponents.addType('spacercomp', { 型号:{ 默认值:{ 工具栏:[{ 属性:{类别:“Fa fa-arrows'}, 命令:“TLB-move”, }, { 属性:{class: 'fa fa-arrow-up'}, 命令:“moveUp-command”, }, { 属性:{类:'fa fa-...

ikenderham

https://jsfiddle.net/psrdmx4c/

artf

没有内置的 https://grapesjs.com/docs/modules/Traits.html#built-in-trait-types 范围特性,你必须先创建一个

#29792020年8月27日作者 ghost3 个回答
1 个反应

BUG:默认样式管理器的值为 em 或 %

版本 16.17 你能重现演示中的bug吗? [ ] 是的 [ ] 不 预期的行为是什么? 我可以设置样式管理器,这样我就能展示所有单位、deault单元以及参数的值,参数使用大小值(字体大小、行高填充等)。 详细描述那个漏洞 当设置样式管理器只用em和%来设置大小相关时,单位选择器被更改时,显示的值在我看来是x 16,所以我设为1,结果是16。 代码: const lineHeight = styleManager.getProperty('typography', 'line-height'); lineHeight.set('units', [ "", “嗯” ]); lineHeight.set(“step”,“0.1”)...

ghost

给你,希望能说明我想做什么 https://codepen.io/ksn-systems/pen/LYNzdje 谢谢

artf

你好,@ksn-systems,你们能制作一个可复现的演示吗?

yucomds

我也有同样的问题。我尝试将编辑器加载时默认字体大小设置为20px。你有解决这个问题的方法吗?

#29782020年8月26日作者 louisraccoon1 个回答
0 个反应

韩语支持

问题转向韩语支持。

artf

谢谢@louisraccoon一旦你在这里开启永久居民,我会合并它

#29762020年8月26日作者 Sose09061 个回答
0 个反应

BUG:处理DOM元素的onSubmit 事件

在我从远程服务器加载的模板里,我有一个带有ID的表单,我该如何处理onSubmit事件?

artf

你可以为特定机箱创建一个[自定义组件](https://grapesjs.com/docs/modules/Components.html)

#29742020年8月26日作者 naveen-baskaran1 个回答
0 个反应

BUG:悬停编辑器结果在TypeError中:this[0].getAttribute 不是函数

版本: "0.16.18" 你能重现演示中的bug吗? 是的 详细描述那个漏洞在 iframe 内设置身体的填充。在编辑器中悬停在主控台中,错误提示的身体部位。 目前的行为是什么? 'Uncaught TypeError: this[0].getAttribute 不是函数 地点:B.W.ATTR(cash.esm.js:286) 在G(cash.esm.js:488) 发表于B.W.Data(cash.esm.js:541) 在r.onHover(SelectComponent.js:119) 东部时间(index.js:759) 在HTMLBodyElement。<anonymous> (index.js:772) 在HTML...

artf

谢谢你,Naveen,这个错误将在下一个版本中修复

#29732020年8月25日作者 trony20203 个回答
1 个反应

使块内不可移除元素

你好, 给出: 编辑。BlockManager.add('test-component', { id: 'MappaPiuDescrizione', 标签:“Mappa + Descrizione”, 内容: '<div data-blockname='mappaDescrizione1'> <br/> <div data-blockname='mappaDescrizione2' style='margin:2px;border: 1px solid red'> <div><h3>测试摩托</h3></div> <div data-gjs-type=“map” style='height:200px;width:400px'><...

RJCAM

所以,我不确定这是不是最好的答案,但对我来说很有效。如何判断 h4 中的元素是否也是 data-gjs-editable=“false”? 该属性为:contentEditable=“false”如果我删除了某个方框里的所有字符,那方块就会消失,有没有办法不删除方块,同时保持最小宽度? 我正在这么做,但移除所有字符后盒子依然存在,创建时试试一些属性,比如 contentEditable为什么一条短信...... 我无法重现这种行为,文本是以唯一字符串添加的,可能是你声明的方式

RJCAM

你好@trony2020 这不算真正的类,但你确实可以通过添加一些属性来实现,比如文档中的[这里](https://grapesjs.com/docs/api/components.html#addcomponent),当你向DOM添加新组件时,它会把该属性添加为该元素的属性。 所以你可以这样做: '<div data-gjs-dropppable='false'><h3>Test Moto</h3></div>' 现在你就不能在这个div里添加

trony2020

我试过 编辑。BlockManager.add('Title-component', { id:“TitleEB”, 标签:“TitleEB”, 内容: '“<div data-blockname='TitleForm' style='width:600px' data-gjs-removable='false'>” + data + “</div>”'' }); 其中数据为: '<div id=“headerText” class=“info ” data-ebplatf...

#29722020年8月25日作者 kuhelbeher3 个回答
0 个反应

成就:禁用画布上的脚本

你好,首先感谢你提供这么棒的工具。 在我的项目中,我遇到了一个需要在编辑器里禁用脚本的问题。我发现这个问题有两个类似的问题——https://github.com/artf/grapesjs/issues/2046 https://github.com/artf/grapesjs/issues/2814。所以这个问题很常见,也许把这个功能加到下一个版本会更好? https://github.com/artf/grapesjs/issues/2046 期中@sdrebel提到他正在移除Canvas中的脚本,只在预览模式下运行。有人能提示我怎么做吗?我没找到如何移除和设置模板的 js 的方法。

RJCAM

你好@kuhelbeher我也还在努力实现这个目标,但这里有个建议可以帮助我们实现。 如果我找到办法,我会在这里发帖。 参见本期 #2772

kuhelbeher

@RJCAM谢谢你的建议,我试过了,但这种方法的问题是它禁用的是组件脚本,而不是整个模板。

artf

一旦编辑器及其组件加载完成,就很难考虑禁用 JS,可以考虑用自定义脚本绑定事件的组件(甚至用外部插件)。 唯一可能的方法是在更新某个配置标志(例如通过“Canvas.enableScripts(false)”)后,重新加载整个帧(当前组件状态),并阻止它们附加[这里](https://github.com/artf/grapesjs/blob/29abac0d77e2dda681dce10be3d7fa92b80fd5bb/src/canvas/view/CanvasVie...

#29712020年8月25日作者 gunslingor3 个回答
0 个反应

BUG:网页演示工具提示中的小问题

网页演示 摘要:“el.setAttribute('title', '');'”仅对视图面板按钮失败(选项面板按钮不行)。 症状:你可以看到鼠标在视图按钮上,它们都是以“打开诸如此类”开头,按数组应该去掉“open”这个词(比如['open-sm', 'Style Manager'])。 原因:怀疑某些事情发生的顺序不对,可能是预设又出现了。 如果排序能用预设来自然处理就好了 =)。

artf

能否详细说明如何重现这个问题?

gunslingor

点击这里:https://grapesjs.com/demo.html将鼠标悬停在任何视图图标上,注意提示以“打开”开头如果你查看JavaScript,在你设置的其他工具提示的同一区域,你也修改了这些提示,使其显示名称但不带“Open”一词;我试着改成随机的,但从未成功。不确定这是不是预设的问题。 也许没什么大不了的,因为我希望很快能开始自己做插件。我刚开始深入研究葡萄,觉得你可能想知道。

artf

那些提示是为演示设计的,和核心库没关系...... 无论如何,显示的数值来自“data-tooltip”,而不是“title”。

浏览所有主题