我到底漏掉了什么?
我缺少什么,才能让标签“div”默认命名为“Div”?(覆盖默认)
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
我缺少什么,才能让标签“div”默认命名为“Div”?(覆盖默认)
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
你好@artf, 当我拖动该区块时,显示了一个加号按钮。保存并重新加载页面后,“+”按钮不显示。我还需要在页面重新加载后显示按钮。请给我一些建议,我该如何解决这个问题? 请查看[jsfiddle](https://jsfiddle.net/sanjib00/o3tvskyn/14/),类似的场景。 
noogen
@sanjib00你从 Element 渲染时,它是内容,不是组件。 比如“\<section\>”的HTML标签不会自动被识别为组件,因为你没有代码来识别它。(提示:isComponent 函数或 data-gjs 类型属性)
artf
@sanjib00很可能你加载模板数据时加载不当 https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
有没有办法自定义导航仪/图层面板的视图?我需要在导航器里每个项目前面显示一个图标。
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),但似乎无法用不同的布局渲染或在图层项目中添加图标。
我试过这个方法 https://github.com/artf/grapesjs/issues/1819#event-2158016066 但在自定义组件上,假设, 我有两个文本输入和一个按钮的混合, 它是如何为这两个文本输入都指定属性 ngModel?
artf
用ngModel创建一个自定义抽象组件,然后在需要时使用就用
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
我觉得表格输入有些bug 无法删除表单输入。 当你关闭“显示边框”时,可以选择输入并删除,但紧接着再试一次,依然无法删除。它还让输入无法选择。 见下文: 
artf
感谢报告@kickbk这个问题已经被 https://github.com/artf/grapesjs/pull/1800 修复,并将在下一个版本中提供
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
我想移除“在此放置文件或点击上传”部分,同时关闭默认图片旁的(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 规则把它隐藏起来......:)
我正在尝试在组件悬停时应用一个类,但该类确实在应用,但悬停时没有应用,而是应用在正常状态下。  如果我找的是正确的功能,或者我误解了这个功能,请告诉我。 PLNKR:https://plnkr.co/edit/Est6AnnGInBa3yvhzCvm?p=preview 我在 CSS 或 HTML 中没看到任何说明某个类应该在悬停或其他状态应用。 请帮帮我! 谢谢, 陶菲克
NicoEngler
我刚检查过,可以确认在你的例子中也适用。首先向组件添加一个类,例如 .text-blue-on-hover接下来,选择你想修改的状态,例如 悬停现在,例如将文本颜色改为蓝色 结果:每次你将鼠标悬停在组件上,文本都会变成蓝色。 附注:以下 css(或类似代码)是自动生成的:
coder-strange
我明白了,它完全没问题,只是我之前不知道它是怎么运作的。 感谢@NicoEngler快速回复,帮我清理:)
NicoEngler
该类无论组件状态如何都会被应用。基于此,你可以选择状态,比如悬停并将你的类样式放在该特定状态。实际上,如果你选择状态 悬停并将文本涂成红色,就会生成以下 CSS。 希望这能帮你澄清一下。
你好, @artf @NicoEngler, 我有一个奇怪的问题。 我使用的是grapes.js和grapes.min.css,版本是0.14.50。 在选择任何组件时,我可以通过编辑器侧面板更改它的CSS属性。 但我能看到两次下拉菜单,分别是“排版”和“装饰”。 我看到grapes.js的演示,显示了另一个下拉菜单,比如“Extra”和“Flex”,但这些都没有出现在我的面板里。 这是来自grapes.js演示版  这...
NicoEngler
请展示你是如何初始化葡萄的。问题很可能就在这里。
scottreag
我也遇到同样的问题。已经两年了,有人找到解决办法了吗?
no-response[bot]
由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。
我有两个问题。有没有办法更改内置组件名称?我想把“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”。:)
这是我在index.html的代码。我用的是 grapesjs-preset-网页
hpruvot
@sakshigarg9我想我找到了你想要的东西,我也有同样的问题......有些按钮的ID存储在一个常数文件中: 所以当你查看这个文件时,你就能找到正确的ID: 所以要拿到垃圾按钮:“编辑器。”Panels.getButton('options', 'canvas-clear')'
NicoEngler
当然,这方法有效,但你不应该那样做。你正在失去可维护性。
NicoEngler
要么你的面板没有 ID options,要么你的按钮没有 ID cmdImport。顺便说一句,垃圾桶图标听起来并不像“导入”。也许你搞混了。除此之外,请提供更多代码。