GrapesJS 问题

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

找到 75 个问题

🔍 more-information-needed
#19882019年4月29日作者 MisterFK3 个回答
1 个反应

Resize Image上的一个错误

嗨! 我在调整图片大小时遇到了一些问题。 当我放置图片并点击一个调整尺寸的处理程序时,图片不会保持高度,而是扩展到父容器的100%...... 我在“可调整大小”选项里没找到禁用这个选项: “编辑。DomComponents.addType('image', { 型号:{ 默认值:{ 可调整大小:{ 步进:0.05, minDim:1, maxDim:100, unitHeight: '%', 单位宽度:“%”, currentUnit:0, } } } });` 作为背景,图像有一个绝对位置。 谢谢大家的帮助!

afdallah

如果你能提供现场演示,大家都会更容易帮忙。 我也遇到过同样的问题,不过我这次是因为我把图片高度设成了自动。 这是我以前遇到的问题的例子: ![演示图片](https://media.giphy.com/media/XzdC7pfQ9LTQPTxCT4/giphy.gif)

MisterFK

谢谢,但问题不是一样的。我拍了个视频展示问题: ![ezgif com-video-to gif](https://user-images.githubusercontent.com/44830209/56891735-89203380-6a8e-11e9-8d42-c530d5aa0ae2.gif)

artf

感谢报告@MisterFK能否提供问题的实时演示?

#19772019年4月25日作者 Ramkumar-Murugesan2 个回答
0 个反应

Gjs-component 没有更新我的特质值

你好,我是不是用 traits 里的 toHTML 函数修改了我的 HTML?一个HTML元素被更新了,但gjs组件没有更新,它仍然显示旧代码。 我的特质是 但在我加载保存的屏幕后,GJS-Component里显示像Type=“Radio”这样的旧代码没有存储在GJS-Component里 在保存屏幕之前 ![图片](https://user-images.githubusercontent.com/33427536/56748889-457fae00-679e-11e9-995a-8f70ec2f303b.png) 保存后,使用以下方式加载到 Grapesjs editor.setComponents(JSON.parse(ex...

artf

我几乎听不懂你在说什么......请提供一个可重复的演示

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#19062019年3月19日作者 arthuralmeidap3 个回答
0 个反应

Components & Js - 加载模板

嘿, 我有一个组件连接了一个 JS。一切都是用JS创建的。 当我第一次拖放方块时,JS运行正常,一切运行得很顺畅。 当我加载已有模板时,JS似乎没有运行。JS会创建一些DOM元素,比如DIV和CANVAS,但它们不会被显示出来。 我添加了警报,警报显示了,但JS的其他部分似乎无法正常工作。 另一个问题是:'data-gjs-type' 被改成默认了,而不是保留模板加载时自定义组件类型名称。似乎当我绑定了 JS 时,'isComponent' 方法不会被调用......

artf

你好,Arthur,你能制作一个本期的演示吗?另一个问题是:data-gjs-type 被改成默认了,而不是保留模板加载时自定义组件类型名称。似乎当我绑定了 JS 时,isComponent 方法不会被调用 你是依赖HTML来存储和加载吗?

ayazhussein

我也遇到同样的问题。 当我用脚本放一个组件时,它能用,但刷新后就不行了 你可以试试 grapesjs-component-countdown,刷新后数字就不显示了。 这是我的配置(用于Angular应用,如果有人能帮忙也请看) 更新:经过研究,发现 JS 没有保存在 LocalStorage 里,而且如果组件缺失,它也不会尝试重新渲染组件以添加 JS,而且如果我重新加载后尝试使用 getScript(),它会返回一个空字符串。 “JavaScript this.editor...

no-response[bot]

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

#18882019年3月13日作者 RobertoCorreale3 个回答
0 个反应

在画布内添加自定义HTML

你好, 我用 Grapes 导出一个包含所有信息的自定义 json,而不是用 HTML 和 CSS。 为此,我解析存储在localStorage上的gpjs组件。 现在我需要自定义组件在Canvas中的渲染方式。 举个例子,我有一个输入组件,包含两个特征(标签和值),我想在画布里渲染它,标签特征作为<label>标签,value作为标签中的占位符<input>。 当然我可以用自定义视图,但在localStorage里这样做会保存在对象里的标签标签,不过我想避免这样,因为导出所有画布代码时,我只期望有 '''json { “输入”: [ {“label”: “lblValue”}, {“value”: “traitValue”} ]...

artf

我认为>原因是因为在画布内添加新节点时,葡萄无法计算正确的顺序。 没错,顺序是基于模型中的分量,而不是视图。所以,为了弄清楚,<label>你在“updateComponentView”里添加的那个“只是画布用的,你的JSON结构里不需要,对吗?

no-response[bot]

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

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#18422019年2月28日作者 AkibDeraiya1233 个回答
2 个反应

有些属性显示了两遍,但有些选项也没显示。

你好, @artf @NicoEngler, 我有一个奇怪的问题。 我使用的是grapes.js和grapes.min.css,版本是0.14.50。 在选择任何组件时,我可以通过编辑器侧面板更改它的CSS属性。 但我能看到两次下拉菜单,分别是“排版”和“装饰”。 我看到grapes.js的演示,显示了另一个下拉菜单,比如“Extra”和“Flex”,但这些都没有出现在我的面板里。 这是来自grapes.js演示版 ![捕获](https://user-images.githubusercontent.com/25474716/53556773-d8a4ba80-3b44-11e9-8e7d-c0139b48d247.PNG) 这...

NicoEngler

请展示你是如何初始化葡萄的。问题很可能就在这里。

scottreag

我也遇到同样的问题。已经两年了,有人找到解决办法了吗?

no-response[bot]

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

#18042019年2月18日作者 AkibDeraiya1233 个回答
0 个反应

在同一个HTML标签上应用两个不同的特征,但只应用一个

你好,@artf, 如果我们需要在同一个HTML标签上初始化两个特征,那这可行吗? 实际上,我在同一个标签上定义了两种不同的特征(“在链接/标签上”)。 让我简单介绍一下你。 假设我有一组链接包含类类,类似于“非拖放”。 所以,它的HTML代码就像 所以对于上述类别的“非拖放”,我想添加一个特质,比如, 对于所有的链接,我还想补充一个特征,比如, 但当我点击包含“not-drag-drop”类的链接时,只有特质应用“not-drag-drop”,不应用“link”特质。所以,当我要更改这个链接的“href”时,我不会看到链接下拉菜单,只是显示输入框。 你能帮我解决这个问题吗?

artf

HTML代码已经加载到Canvas里了吗?你有没有尝试通过插件执行自定义组件定义?否则你是在尝试看到已经加载的组件的更改

no-response[bot]

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

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#17812019年2月8日作者 kickbk3 个回答
0 个反应

添加一个font-size 类型的prop

我正在尝试创建一个字体大小的属性,想添加到维度扇区中。 这样做: 获取数值什么的,但它只是显示一个输入框。没有那种单位之间有选择选项的。我到底哪里做错了?

artf

这似乎对我这边有效:https://jsfiddle.net/ewyb2zcu/

no-response[bot]

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

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#17582019年1月29日作者 tjb2953 个回答
0 个反应

无法在带有 setStyle() 的字符 '#' 的 CSS 字符串中加载

你正在提交一个漏洞你用的是最新版本吗(旧版本不支持)?如果不确定,在控制台输入“grapesjs.version”并按回车你是在本地GrapesJS版本遇到这个bug,还是当前的演示版?如果是本地副本说明所有关于您的操作系统、浏览器和GrapesJS版本的信息。 Ubuntu 16.04 Firefox, Grapesjs V0.14.40你能复现演示中的漏洞吗? 是的,每次我调用带有 CSS 字符串的 setStyle 时,它都会拒绝任何包含 # 的 CSS,而 # 用于标记 ID预期的行为是什么? 我正在使用 setStyle 加载一个基于正在进行项目的外部 CSS。当 grapesjs 为属性设置 css 时,它会生成一个随...

artf

首先,使用最新版本,然后你能展示一个示例和 setStyle 返回的错误吗?

no-response[bot]

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

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#17082019年1月4日作者 charlietoleary3 个回答
0 个反应

StyleManager 事件每次变更都会多次触发

复制: 在全新安装的GrapesJS中,在演示页面(index.html内)添加一个事件监听器,如下: 'editor.on('component:styleUpdate:width', (model) => { console.log(模型); });问题: 当更改任何元素的“宽度”值时,“model”变量会被多次打印。 当监听“列表”属性,如字体家族、字体权重或显示时,问题似乎更为严重。例如: 'editor.on('component:styleUpdate:font-family', (model) => { console.log(模型); }); 对于这类属性,我注意到在编辑器刚加载时(在任何用户互动之前)事件会多次触...

khbhr

你好, 我也遇到了同样的问题,既然还没解决,可以用去反弹技术来解决。 请查看这个[example](https://davidwalsh.name/javascript-debounce-function)。

ajumell

你好, 我也遇到了这个问题。事件即使没有改变宽度,事件依然触发,我在HTML页面添加了以下代码,日志被多次生成。 'editor.on('component:styleUpdate:width', (model) => { console.log(“组件宽度更新:”,型号); });` 我录制了视频证明,链接如下 https://drive.google.com/file/d/1zoTUN-e400YDVPXt2DESAemSL6STh0TU/view?usp=sharing

artf

我觉得修复已经在开发分支上发布了(所以已经准备好下一次发布了)。 https://github.com/artf/grapesjs/blob/0dba07fd21b8e2dd953100bec5b7531f0761c9c2/src/style_manager/view/PropertyView.js#L411-L413 我在当前的在线演示中看到多个事件,但在本地开发版上似乎没问题。如果你能通过本地开发分支确认,那就太好了。

#16962018年12月31日作者 muhamdgomaa283 个回答
0 个反应

特质首次出现在自定义组件的拖拽中

你好,artf,我创建了自定义组件并为它添加了特征,当拖动这个组件到编辑器并选择它时,设置特征是正常工作的。 问题是,当将同一个组件拖到旧组件后面到编辑器并选择设置特征时,默认特征(ID,标题)会只显示,这是我实现的代码 对于创建组件: this.editor.BlockManager.add('customtext',{ id:“texttool”, 标签:“文本工具”, 内容:{ 组成要素: [ { 标签名称:'texttool', type:'texttool', 可编辑:true, 内容:'// 一些HTML ' }, ] },} 对于该指令添加特征: this.domComps.addType('texttool', {...

artf

请制作本期的现场演示

no-response[bot]

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

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

浏览所有主题