GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#13802018年8月24日作者 bright-ic2 个回答
0 个反应

我怎样才能让元素在放置时默认在画布上完全定位?

葡萄是我一直在寻找的。 不过默认情况下,所有元素在画布上放置时都是相对固定的位置,我不想这样。我希望元素(方块或组件)完全定位,可以拖拽到画布的任何部分。 你的帮助会帮我省下很多钱。 谢谢。

artf

你好,@bright-ic,你问的是我们所谓的“设计师模式”,它在我们的[路线图](https://github.com/artf/grapesjs/issues/74)上,但遗憾的是还没实现 :/

lock[bot]

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

#13792018年8月23日作者 Abhisheknanda13444633 个回答
1 个反应

问题:如何将style-manager font-awesome图标替换到svg中?

你好@artf我想用 SVG 图标替换样式管理器的一个图标。 如你所见,附上了截图。我试过了。 ![截图,2018-08-24 00-20-29](https://user-images.githubusercontent.com/20657737/44545958-1b1fb180-a734-11e8-898f-68ce8d84acd9.png)

artf

是的,把这些改动放进你的插件里 “''js Grapesjs.init({ ... 插件:[ 启动你的插件 编辑器 => { ... pnm.getButton('views', 'open-sm').set({ 标签:“<svg>......</svg>” }); } ] }) ```

artf

???...你的代码完全坏了(检查语法) 你大概会想要类似这样的东西 “''js pnm.getButton('views', 'open-sm').set({ 标签:“<svg>......</svg>” }); ```

Abhisheknanda1344463

请重新打开本期刊物。 你好@artf我也试过这个方法 pnm.getButton('views', 'open-sm').set({ 标签:<svg> width=“1024” height=“1024” viewBox=“0 0 1024 1024” style=“margin-left: calc(50% - 0.5em)”><g transform=“scale(0.03125 0.03125)”><path d=“M881.76 269.44c-43.36 52.7...

#13782018年8月23日作者 HakuTheWolfSpirit2 个回答
0 个反应

自定义标签页

嘿, 我只是想知道,是否可以通过插件为葡萄编辑器添加一个新标签页。就像方块一样,风格或特质确实有。

artf

它只是一个有样式的面板,方便你添加或移除按钮 “''js 编辑。Panels.addButton('views', {id: “another-button”, className: “fa fa-paint-brush”, command: “open-sm”,}) ```

lock[bot]

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

#13762018年8月23日作者 ionic6662 个回答
0 个反应

关于风格的路径

你好,我想了解风格的发展路径。 我想使用本地CSS,本地目录结构如下 ![2018-08-23111242](https://user-images.githubusercontent.com/36065691/44502731-79fa1200-a6c5-11e8-8849-ef50df4dbe5a.png)。 我试了很多次都没用。 ![2018-08-23111422](https://user-images.githubusercontent.com/36065691/44502905-276d2580-a6c6-11e8-8eeb-14ec57d60385.png) ![2018-08-23_114057](https:/...

artf

我不太清楚路径是怎么生成的,但你可以很容易地检查 Grapesjs 的“iframe”,看看里面用的是哪条路径

lock[bot]

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

#13742018年8月22日作者 emilsedgh3 个回答
1 个反应

默认组件属性

有没有办法更改组件的默认属性? 我希望几乎所有内容都是“可复制:false,可调整尺寸:false,可拖拽:false”,除非加载的组件特别提供“data-resizable=true”。 所以基本上我想把一些组件列入白名单来启用这些功能,而不是黑名单。 这可行吗?

jereddanielson

@artf提醒一下,这方法并不完全符合需求。更新“默认”组件的默认属性不会对已定义的组件生效(如内置的“table”、“textnode”等),因为它们已经扩展了“默认”模型。更新“默认”组件只会改变任何进一步扩展新“默认”模型定义的新模型的默认行为。 为了更新所有组件,包括现有和内置组件,使其达到理想的默认属性,我必须逐一迭代并更新。这导致了我想要的行为——建立全面的默认属性。 “JavaScript 更新所有组件模型的默认属性 const allComps = 编辑器。...

artf

你可以更新“默认”组件 https://grapesjs.com/docs/modules/Components.html#update-component-type

artf

@jereddanielson正确,这就是你应该如何更新已经定义好的组件类型。谢谢你指出这一点

#13732018年8月21日作者 dsepulved2 个回答
0 个反应

骨干延迟

你好,我用的是骨干延迟 https://github.com/arhea/backbone-deferred,启动GrapesJS时这个库被删除了,我必须重启应用程序才能恢复,有什么办法能解决吗?

artf

我不知道,试着在 GrapesJS 之后加载那个库,或者检查一下这个,http://backbonejs.org/#Utility-Backbone-noConflict 可能有问题,因为 Grapesjs 编译后会包含自己的 Backbone 版本

lock[bot]

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

#13722018年8月21日作者 mm5804862 个回答
0 个反应

导出时更改块

我想更改视图,但不想在导出时更改 举个例子,我添加了这段代码 现在我要展示这段代码 我该如何采取这个行动?

artf

我会做一个[自定义组件](https://grapesjs.com/docs/modules/Components.html)来处理这种情况。 “''js domc.addType('data-list', { 型号:... 默认值:() => ({ ... 列表:[] }), 视角:...... render() { ... const list = this.model.get('list'); const content = this.el.innerHTML; 插值...

lock[bot]

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

#13702018年8月18日作者 rajatkumcom3 个回答
0 个反应

需要更改 Grapes Js 动态 ID 选择器。

这没问题,我需要一些帮助。 我已经把Grapes Js集成到了Drupal 8里,用来做Drupal元素的样式。 我不想要你动态生成的 id 选择器,而是如果元素有 id 就选择 id,或者让用户输入。 实际上,我们对HTML元素没有控制权。只有我们能控制CSS。 我们必须在 PHP 中从服务器端编辑 HTML 元素。

rajatkumcom

![葡萄选择器](https://user-images.githubusercontent.com/16242362/44298378-a564b180-a2ff-11e8-8cce-3f297387d397.png)

artf

GrapesJS 在 CSS 中输出样式,它不会内联输出,所以在这种情况下,用户必须始终指定 ID,然后再应用样式,所以设计上就是这样

lock[bot]

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

#13692018年8月16日作者 alimajed933 个回答
0 个反应

一个模块的类别不总是在类别部分显示

大家好, 我添加了许多自定义块,并为这些块中的所有图片赋予了相同的 css 类。暂且称之为“图像类”。当我拖拽其中两个方块,并在其中一个方块中选择一张图片时,“image-class”类一开始不会显示,点击右侧面板的类部分。只有当用户点击第二张图片时才会显示。 你可以在下面的图片中看到,如果用户拖放一个“网格物品”块,选择一张图片,可以在面板右上角的类部分看到“grid-item-image”类 <img width=“1277” alt=“截图 2018-08-16 6:00 49 p.” src=“https://user-images.githubusercontent.com/28840780/44217144-745d7...

artf

无法复现,只需提供一个现场演示(正如我在问题模板中建议的**),并附上该块

alimajed93

我会和大家分享一些截图,肯定能让这个问题更清晰:步骤1:在画布中拖放一个块,点击选中 <img width=“642” alt=“截图 2018-08-21 上午10:16 29” src=“https://user-images.githubusercontent.com/28840780/44386545-7599f180-a52b-11e8-99ba-1a2c7e3dca9e.png”> 你可以看到ID没有显示应该在哪里步骤2:通过点击其他位置取消选择该块,然后再次选...

artf

我理解你的问题,但你还是得发现场演示,因为我无法复现。这可能取决于很多因素,仅仅截图是不够的。我甚至不确定你用的是不是最新版本,所以请更新一下......另一个问题是,我该如何添加类似的附加内容?比如说我想在“被选中”下添加类似标签名的东西,以显示所选组件的标签名;换句话说,我希望每次用户点击一个模块时,都能看到该块的标签名和 id。有没有办法实现这个功能? 你可以依赖以下信息: “''js editor.on('component:selected', component...

#13662018年8月15日作者 blairpanek3 个回答
0 个反应

复制CSS

关于最新版本的Grapesjs。我两个都能复现这个bug。Linux Ubuntoo,Moxilla。 我预计CSS只会出现一次,否则导出时窗口里会太多内容。CSS会被重复。@keyframes风格中会发生重复。所以清除画布、拖拉标签、块到画布上、导出、导入和CSS都会复制。 在我们的葡萄版本中,我们也尝试了保护的Css: “,也没用。 ![复制品](https://user-images.githubusercontent.com/32502045/44152359-f271b802-a06a-11e8-9f54-36a683dc2d36.png)

artf

@blairpanek我不明白怎么复现这个问题,请提供一个现场演示

no-response[bot]

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

yomeshgupta

@artf 项目做得很棒!然而,我注意到“媒体查询”中的“CSS”在重复出现。有人知道为什么吗?我本地机器也遇到同样的问题。 演示页面也出现了问题:https://grapesjs.com/demo.html

浏览所有主题