GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#15712018年11月9日作者 abozhinov1 个回答
0 个反应

使用触摸设备时拖放功能不如预期。

请观看视频:https://screencast-o-matic.com/watch/cFXQlQYSjW使用Mac OS的最新版本使用 grapesjs - branch dev 的最后版本用户 Chrome - 最后版本 问题是什么: 使用触摸设备时拖放功能不如预期。

lock[bot]

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

#15702018年11月9日作者 mrajeshkrossark2 个回答
0 个反应

无法自定义导出插件选项

你好,@artf, 我尝试在 grapesjs 编辑器导出插件里自定义选项。但只有两个选项(addExportBtn、btnLabel)能正常工作。其他选项如文件名、文件名、根源等都无法正常工作。 我的代码: 我刚把 addExportBtn 变量改成了 0,导出按钮在编辑器里看不到。并且把btnLabel变量从“导出为ZIP”改成了“导出为ZIP”。这些变化受到了影响。但除此之外,其他选项都无法自定义。

artf

错误的仓库看看版本:https://github.com/artf/grapesjs-preset-webpage/blob/master/package.json#L53

lock[bot]

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

#15692018年11月9日作者 wirelessed2 个回答
0 个反应

组件与JS问题

你好, 在您的[Components & JS](https://grapesjs.com/docs/modules/Components-js.html#basic-scripts)文档中提到,脚本可以在“块”部分的脚本属性下添加。 然而,经过一番反复尝试,每当保存并重新加载页面时,脚本似乎都消失了。 当我尝试把脚本添加到“模型”部分时,似乎它变成了永久的。这是为什么呢?

artf

很可能你存放方式不对,https://grapesjs.com/docs/modules/Storage.html 顺便说一句,你可以在块子里添加脚本,但我强烈建议为这种情况创建一个自定义组件

lock[bot]

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

#15682018年11月8日作者 dkmurakaru2 个回答
0 个反应

列表/数组特征

你好, 我正在尝试编写一个特征,允许创建表单列表并在模型中生成相应的表单。到目前为止,我有这个: “JavaScript 编辑。TraitManager.addType('list', { 事件:{ 'keyup': 'onChange' }, getInputEl: function() { var self = this; var idx = 1; function createForm(input) { self.model.attributes.options.map(function(m) { TOOD:添加选择选项 console.log(男); 如果 (m.type === 'select') { var s = $...

artf

@dkmurakaru注意你创造的不是真正的输入 “''js var input = document.createElement('div'); ``` 因此,你还应该更新像 ['onChange '](https://github.com/artf/grapesjs/blob/dev/src/traitmanager/view/TraitView.js#L44)和 ['setInputValue'](https://github.com/artf/grapesjs/bl...

lock[bot]

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

#15672018年11月8日作者 alimajed933 个回答
1 个反应

RTE工具栏错误

大家好, 我使用的是最新的 Grapesjs 稳定版(40),我注意到富文本编辑器中出现了以下错误:如果用户将富文本编辑器拖放到画布中,点击它并尝试按照示例进行克隆(或工具栏中的任何操作如删除等),都不会有任何操作。用户必须为每个示例选择另一个块,或者直接点击文本编辑器外,然后再次点击文本编辑器,才能执行工具栏操作。 有人知道这可能是什么原因导致这个问题吗?我是在换到新版本后开始注意到这个问题的,之前用的是v17。 谢谢你的帮助。

arthuralmeidap

PR:https://github.com/artf/grapesjs/pull/1800

artf

是的,这正是因为[这个检查](https://github.com/artf/grapesjs/blob/dev/src/commands/view/ComponentDelete.js#L5),在编辑模式下我们需要阻止某些操作(例如点击canc/backspace会触发同一个命令)。可能我们需要设置某种强制选项

alimajed93

你好@artf, 哦,我明白了。 你能举几个例子说明我们为什么加上这个支票吗?我是说,我们之前遇到了哪些问题,而这次检查解决了? 谢谢。

#15662018年11月8日作者 ThomasLaigneau3 个回答
0 个反应

自定义方块的默认样式

你好,我正在用GrapesJS做Prestashop网站上的页面构建器。 这个想法是用自定义块设置默认模板存储在数据库中。商店和模板加载都正常。我的问题是,我只想使用我创建并添加到BlockManager中的自定义块,但使用默认CSS。我可以放 CSS,但默认如何设置这些块的媒体查询?页面构建器的用户只需拖动这些方块,而这些方块默认会响应。这是我的代码: “''js 编辑。BlockManager.add('block-header', { 标签:“Bloc Header” 内容: '<style> .mdcblockheader { 宽度:100%; display:flex; justify-content:Center; a...

artf

你可以把那个类设为私有,这样就不用在样式管理器里选择它们,这样你会为组件做样式,而不是规则 “''js const privateCls = ['.mdcblockheader']; editor.on('selector:add', (selector) => { if (privateCls.indexOf(selector.getFullName()) >= 0) { selector.set({private: 1}); } }); ```

ThomasLaigneau

不错,效果很好!非常感谢!

ThomasLaigneau

@artf 代码是正常的,但我刚看到编辑器里无法再看到元素悬停状态的选择按钮了......当我移除你让我添加的代码时,它又回来了......

#15652018年11月8日作者 MisterFK2 个回答
0 个反应

创建“两列”块的问题

你好,遇到了一个新问题,我正在按照教程操作,我想创建“两列”(或更多)这个模块。 我尽量使用(并且理解,这也是我不想用 grapesjs-blocks-basic 的原因)这部分代码: 但我不知道在“.row”和“.row-cell”类中需要做些什么才能让这个例子正常工作...... 我尝试了样式,但什么都没显示出来,也无法拖动东西进去,但元素存在于图层面板中。 ![bug_columns](https://user-images.githubusercontent.com/44830209/48183167-3ff4ef80-e347-11e8-8994-44233f3bf045.PNG) 谢谢你的帮助!

artf

你应该添加合适的风格才能看到某些东西,试试像这样的 “''js blockManager.add('the-row-block', { 标签:“2列”, 内容: <div class=“row” data-gjs-droppable=“.row-cell” data-gjs-custom-name=“Row”> <div class=“row-cell” data-gjs-draggable=“.row”></div> <div class=“row-cell” data-...

lock[bot]

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

#15642018年11月7日作者 MisterFK2 个回答
0 个反应

CSS/字体/图标问题

你好,我的项目GrapesJS遇到了CSS问题,不知道原因...... 我试着做tuto,但没有图标。 ![buggrapesjs](https://user-images.githubusercontent.com/44830209/48116478-b4645b80-e27f-11e8-8535-644e10d729ed.PNG) 另一个问题是,我无法将窗口分成两列。 我用的是最后的CSS和JS版本。 组织结构: assets/js/grapes.js 资产/CSS/grapes.min.css assets/fonts/FontAwesome.otf [...] main-fonts.woff 代码:<link rel=“s...

artf

你居然无法加载字体,去开发工具里检查一下,可能你会看到错误

lock[bot]

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

#15632018年11月6日作者 tranthanhhoa3 个回答
1 个反应

特性 - 更换视频提供商问题

版本: 0.14.40 漏洞: 当你更改“提供者”字段时,>所有设置都消失了。 这个问题发生在Chrome、Safari和Firefox上,都是最后版本。 如何复现:后藤 https://grapesjs.com/demo.html将 Basic 类别中的视频块拖入画布更改“提供者”字段 期待: ![图片](https://user-images.githubusercontent.com/6691878/48056879-49664680-e1e5-11e8-915c-ba9b1053e34b.png) 结果: ![图片](https://user-images.githubusercontent.com/6691878/480...

artf

感谢你的报告@tranthanhhoa我会在下次发布时修复

Chilli-B

你好,抱歉,这个问题在0.14.41版本中尚未修复。这个漏洞依然存在。

artf

@Chilli-B,最新发布 https://github.com/artf/grapesjs/releases/tag/v0.14.40

#15622018年11月5日作者 jotakar2 个回答
1 个反应

问题:样式管理

我想知道是否有可能用 Styles ManageMenet 来更改多个带有 Ony 控件的属性 举个例子:CSS中将div置于中心,将两侧边距设置为自动,我正在寻找一种只需按一个按钮就能将这两个属性都设置为自动的控制(我记得Grasperjs称之为sectors,??) 谢谢

artf

你应该用 [StyleManager.addType](https://grapesjs.com/docs/api/style_manager.html#addtype)创建新的自定义输入类型。遗憾的是,这部分还缺少文档,目前你应该期待一些可用插件的代码,比如:[葡萄风格渐变](https://github.com/artf/grapesjs-style-gradient)[葡萄风格滤镜](https://github.com/artf/grapesjs-style-fil...

lock[bot]

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

浏览所有主题