GrapesJS 问题

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

找到 3,464 个问题

#18492019年3月3日作者 minuwan1 个回答
0 个反应

我到底漏掉了什么?

我缺少什么,才能让标签“div”默认命名为“Div”?(覆盖默认)

lock[bot]

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

#18482019年3月3日作者 sanjib003 个回答
0 个反应

页面重新加载后,加号(“+”)按钮不显示。

你好@artf, 当我拖动该区块时,显示了一个加号按钮。保存并重新加载页面后,“+”按钮不显示。我还需要在页面重新加载后显示按钮。请给我一些建议,我该如何解决这个问题? 请查看[jsfiddle](https://jsfiddle.net/sanjib00/o3tvskyn/14/),类似的场景。 ![reload_issue](https://user-images.githubusercontent.com/8086390/53692556-59212080-3dbc-11e9-91f2-82610c788b3c.png)

noogen

@sanjib00你从 Element 渲染时,它是内容,不是组件。 比如“\<section\>”的HTML标签不会自动被识别为组件,因为你没有代码来识别它。(提示:isComponent 函数或 data-gjs 类型属性)

artf

@sanjib00很可能你加载模板数据时加载不当 https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates

lock[bot]

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

#18472019年3月3日作者 minuwan3 个回答
1 个反应

自定义导航仪

有没有办法自定义导航仪/图层面板的视图?我需要在导航器里每个项目前面显示一个图标。

artf

@minuwan其实视图已经渲染了图标 https://github.com/artf/grapesjs/blob/94e295ef919dceaade90a3aa36355f2e23935657/src/navigator/view/ItemView.js#L47 但自定义图层渲染的想法其实还不错。

NicoEngler

我不太清楚“导航员”是什么意思,但既然你可以自己创建面板什么的,所以你可以自定义所有视觉细节。 你能更准确地说说你尝试在哪里添加图标吗?

minuwan

@NicoEngler导航器是[图层面板](https://github.com/artf/grapesjs/tree/dev/src/navigator),GrapesJS称之为“导航器”。目前它只包含少量配置(https://github.com/artf/grapesjs/blob/dev/src/navigator/config/config.js),但似乎无法用不同的布局渲染或在图层项目中添加图标。

#18462019年3月2日作者 sushiljic2 个回答
0 个反应

:在包含标签名组的组件上使用 ngModel。

我试过这个方法 https://github.com/artf/grapesjs/issues/1819#event-2158016066 但在自定义组件上,假设, 我有两个文本输入和一个按钮的混合, 它是如何为这两个文本输入都指定属性 ngModel?

artf

用ngModel创建一个自定义抽象组件,然后在需要时使用就用

lock[bot]

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

#18452019年3月1日作者 kickbk2 个回答
0 个反应

删除表单输入

我觉得表格输入有些bug 无法删除表单输入。 当你关闭“显示边框”时,可以选择输入并删除,但紧接着再试一次,依然无法删除。它还让输入无法选择。 见下文: ![葡萄删除表格输入](https://user-images.githubusercontent.com/31323376/53656871-719d0980-3c09-11e9-8563-cd5415ecdc25.gif)

artf

感谢报告@kickbk这个问题已经被 https://github.com/artf/grapesjs/pull/1800 修复,并将在下一个版本中提供

lock[bot]

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

#18442019年3月1日作者 sakshigarg93 个回答
0 个反应

移除上传图片选项,并关闭默认图片的(x)图标

我想移除“在此放置文件或点击上传”部分,同时关闭默认图片旁的(x)叉图标,不允许用户删除默认图片。 @artf我该在哪里更改CSS?我用的是 grapesjs-preset-网页 Originally由@sakshigarg9在 https://github.com/artf/grapesjs/issues/578#issuecomment-467823560发布

NicoEngler

实现这一点的一个简单方法是添加一些 CSS 规则: '.gjs-am-file-uploader { display: none; } '.gjs-am-assets-cont { width: 100%; } 诸如此类......:)

sakshigarg9

谢谢,有效!但我无法移除默认图片旁的(x)图标,尽管我用了 '.gjs-am-close{ display: none; }`

NicoEngler

太好了,直接用那个 css 规则把它隐藏起来......:)

#18432019年2月28日作者 coder-strange3 个回答
3 个反应

不同州的等级不会适用于那些州。

我正在尝试在组件悬停时应用一个类,但该类确实在应用,但悬停时没有应用,而是应用在正常状态下。 ![图片](https://user-images.githubusercontent.com/19469610/53558793-c63f7680-3b6e-11e9-9857-74f36b71b547.png) 如果我找的是正确的功能,或者我误解了这个功能,请告诉我。 PLNKR:https://plnkr.co/edit/Est6AnnGInBa3yvhzCvm?p=preview 我在 CSS 或 HTML 中没看到任何说明某个类应该在悬停或其他状态应用。 请帮帮我! 谢谢, 陶菲克

NicoEngler

我刚检查过,可以确认在你的例子中也适用。首先向组件添加一个类,例如 .text-blue-on-hover接下来,选择你想修改的状态,例如 悬停现在,例如将文本颜色改为蓝色 结果:每次你将鼠标悬停在组件上,文本都会变成蓝色。 附注:以下 css(或类似代码)是自动生成的:

coder-strange

我明白了,它完全没问题,只是我之前不知道它是怎么运作的。 感谢@NicoEngler快速回复,帮我清理:)

NicoEngler

该类无论组件状态如何都会被应用。基于此,你可以选择状态,比如悬停并将你的类样式放在该特定状态。实际上,如果你选择状态 悬停并将文本涂成红色,就会生成以下 CSS。 希望这能帮你澄清一下。

#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]

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

#18412019年2月28日作者 minuwan3 个回答
3 个反应

组件名称

我有两个问题。有没有办法更改内置组件名称?我想把“Box”改成“Div”。所以同一个名字会出现在Select和图层/导航面板上。简单来说,如果我拖放一个 div,我需要它命名为 Div。有没有办法在图层面板中每个物品类型的文本前面添加一个图标?我是说分区的框,UL的列表图标等等......

NicoEngler

你可以在组件的 HTML 中使用 data-gjs-custom-name。 '<h1 data-gjs-custom-name=“Your Name” ...>'你可以在组件的 HTML 中使用 data-gjs-icon。 '<h1 data-gjs-icon='<i class=“fa fa-arrows”></i>' ...>' 请把标题改成更有意义的,让其他人能更好地找到已经解决的问题:) 编辑:你可以用“data-gjs-name”代替“data-gjs-cus...

artf

我还想补充一点,如果你依赖HTML5拖放,可以用'canvas:dragdata'事件 https://grapesjs.com/docs/api/editor.html#available-events 这让你能让编辑理解“外部投放”,比如默认情况下 [GrapesJS 能识别图片](https://github.com/artf/grapesjs/blob/94e295ef919dceaade90a3aa36355f2e23935657/src/utils/Droppa...

minuwan

@NicoEngler 有没有其他方法可以为每种类型设置默认自定义名称?如果有人从外部拖放内容,我想把这些 div 的名称也显示为“Div”。:)

#18392019年2月27日作者 sakshigarg93 个回答
5 个反应

无法从面板中移除垃圾桶图标

这是我在index.html的代码。我用的是 grapesjs-preset-网页

hpruvot

@sakshigarg9我想我找到了你想要的东西,我也有同样的问题......有些按钮的ID存储在一个常数文件中: 所以当你查看这个文件时,你就能找到正确的ID: 所以要拿到垃圾按钮:“编辑器。”Panels.getButton('options', 'canvas-clear')'

NicoEngler

当然,这方法有效,但你不应该那样做。你正在失去可维护性。

NicoEngler

要么你的面板没有 ID options,要么你的按钮没有 ID cmdImport。顺便说一句,垃圾桶图标听起来并不像“导入”。也许你搞混了。除此之外,请提供更多代码。

浏览所有主题