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，在同一区域设置了其他提示，你也在更改这些提示，显示名称但没有“打开”这个词;我试过改成随机的，但没成功。不确定这是不是预设问题。也许没什么大不了的，因为我希望很快能开始自己做插件。我只是深入学习 grapejs 觉得你可能想知道。

artf

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

查看详情

GrapesJS 问题

浏览所有主题