GrapesJS 问题

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

状态

排序

找到 1,399 个问题

🔍 outdated

#18502019年3月4日作者 sunhillbd2 个回答

0 个反应

已过时

如何在不同标签页下显示方块

你好，@artf，希望你一切安好。我试图把所有方块都显示在不同的标签页下。例如：在“基本”标签下显示分区、列，以及在另一个名为“元素”的标签下显示其他项目。我已经经历过这个问题：https://github.com/artf/grapesjs/issues/499 但没找到最终解决方案，也没在API里找到任何与标签相关的内容。有什么建议我该怎么实现吗？谢谢

artf

你好@sunhillbd我不太清楚那期有什么不清楚的地方，但我觉得你只需要知道[这里]（https://github.com/artf/grapesjs/issues/499#issuecomment-343482511）。用 ['BlockManager.render']（https://grapesjs.com/docs/api/block_manager.html#render）方法，你可以控制块列表，选择哪些逻辑/界面（选择输入、标签、搜索等），由你决定

lock[bot]

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

查看详情

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

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

查看详情

#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 无法删除表单输入。关闭“显示边框”后，你可以选择输入并删除，但紧接着再试一次，依然无法删除。这也会让输入无法选择。见下文： ![grapesnodeleteforminput]（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。希望这能帮你澄清一下。

查看详情

#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”。:)

查看详情

#18382019年2月27日作者 NicoEngler2 个回答

0 个反应

已过时

如何获取组件最新的 CSS 属性？

你好，干得漂亮， grapesjs！我已经看过文档（尤其是 CssComposer）和相关问题，但我还是卡住了。一个自定义插件允许我用 component.setStyle（）给组件添加 CSS。重新加载时，我需要插件用这些值初始化。例如，我想读取组件的margin属性。我观察到使用setStyle（）时，CSS会被内联添加，数据存储并加载后，CSS会被定义为类。目前，我正在手动解析物业价值，假设最后一个条目代表“活跃”条目。但这种方法感觉完全不对！:) 我觉得用 CssComposer 可以实现不同的效果，但我还是卡住了。谢谢你，尼科

artf

我观察到，使用 setStyle（）时，CSS 会被内联添加，数据存储并加载后，css 会被定义为类。首先，确保正确存储你的模板：[存储并加载模板]（https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates），在这种情况下，当你通过“component.setStyle（...）设置样式时，' 在下一页重新加载时，你应该可以通过 'component.getStyle（...）获得那...

lock[bot]

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

查看详情

#18372019年2月26日作者 SeongwoonHong3 个回答

0 个反应

已过时