GrapesJS 问题

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

找到 3,464 个问题

#13872018年8月27日作者 YashPrince2 个回答
0 个反应

包含所有谷歌字体?

@artf我想把所有谷歌字体都包含在字体家族里。 ![固件](https://user-images.githubusercontent.com/40828744/44655069-7a6e1200-aa11-11e8-983d-d716ec7835a7.png) 我们该如何包含/导入所有字体家族?任何帮助都将不胜感激。

artf

如果需要,可以用自定义样式/脚本启动编辑器 “''js VAR Editor = Grapesjs.init({ 画布:{ 风格:[ “https://fonts.googleapis.com/css......” // ... ], 剧本:[ “https://......some-script.js', // ... ], }, });

lock[bot]

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

#13862018年8月27日作者 mariselvanm2 个回答
1 个反应

组件有“缩放事件”吗?

我想读取当元素触发调整大小时的调整大小事件。 我现在的代码是这样的, ' editor.on(“component:resize”, function(model) { console.log(“模型”,模型); });` 但是,它并没有起作用。 有没有什么办法可以这样做?

arthuralmeidap

因为调整尺寸只是改变了“宽度”和/或“高度”的值,我没试过,但我觉得你可以试试用事件 'styleManager:change:{propertyName}' 请点击这里查看可参加的活动:https://grapesjs.com/docs/api/editor.html#available-events

lock[bot]

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

#13852018年8月27日作者 ionic6663 个回答
0 个反应

关于setAttributes的使用

你好,我在自定义属性中保存了一个对象。 ![2018-08-27145924](https://user-images.githubusercontent.com/36065691/44645342-e2205f00-aa09-11e8-9b70-c5db90b78320.png) 我想实现将值放入自定义属性。 ![2018-08-27150059](https://user-images.githubusercontent.com/36065691/44645389-07ad6880-aa0a-11e8-804b-17844b300833.png) 但会覆盖上一个 ![2018-08-27150154](https://user...

arthuralmeidap

那么,在第二种情况下,你是想用新键更新同一个“data-info”属性,对吗? 因为“data-info”有一个字符串作为类型值,首先你需要获取它并解析成一个对象。 'const dataInfoObject = JSON.parse(this.model.get('data-info'))' 之后,你可以用新键更新对象 'dataInfoObject[newKey] = newValue' 然后你又把它改回字符串,替换模型的属性值 'this.model.set('dat...

artf

我觉得他只是想找[addAttributes](https://grapesjs.com/docs/api/component.html#addattributes)

lock[bot]

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

#13842018年8月27日作者 ahmadcore2 个回答
1 个反应

新闻通讯预设按钮仅查看文本

你好, 我用最新的Grapesjs搭配通讯预设插件,但拖拽按钮时只显示文本 ![截图来源于2018-08-27 13-42-17](https://user-images.githubusercontent.com/28822541/44644711-3d008900-a9ff-11e8-8382-88953c1651a1.png) 这是我的代码: '<script type=“text/javascript”> VAR图像 = []; VAR Editor = Grapesjs.init({ clearOnRender: true, storageManager: { 编号:“GJS-nl-”, }, 资产管理人:{ 资源:图片...

artf

这些模块的样式定义在这里(https://github.com/artf/grapesjs/blob/gh-pages/demo-newsletter-editor.html),你可以复制它们或自定义

lock[bot]

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

#13832018年8月27日作者 Abhisheknanda13444633 个回答
0 个反应

我们能更改样式管理器的图标吗?

你好@arthuralmeidap我想覆盖面板“视图”的字体 Awesome 图标,比如样式管理器,我想用我的“SVG”图标替换图标。你能帮忙理清这些事情吗 ![截图 2018-08-27 上午11:01 59](https://user-images.githubusercontent.com/20657737/44644394-88139f80-a9f1-11e8-92da-c44cbcbf6930.png) 我就是这么试过的,但不会反映任何变化。谢谢

arthuralmeidap

有进展吗?

Abhisheknanda1344463

????@arthuralmeidap我尝试了很多次,但还是失败了。你能帮帮我吗?

artf

https://github.com/artf/grapesjs/issues/1379#issuecomment-417939769

#13812018年8月24日作者 YashPrince2 个回答
0 个反应

视频组件中的自定义嵌入视频

@artf我想在视频组件中包含自定义嵌入代码,这样用户可以添加任何包含视频的iframe。任何帮助都将不胜感激。 例如: <iframe width=“640” height=“360” src=“//player.vimeo.com/video/123456789?autoplay=0&title=0&byline=0&wmode=transparent” frameborder=“0” allowfullscreen=“ wmode=”opaque“></iframe> ![自定义视频](https://user-images.githubusercontent.com/40828744/44589767-06482a00-a...

artf

你可以通过添加新的文本特征来更新视频组件,从而增加这个功能,或者你也可以用 https://github.com/artf/grapesjs-custom-code

lock[bot]

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

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

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

浏览所有主题