GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#11732018年6月6日作者 UmairAfzalUAT2 个回答
0 个反应

Body 和 head 显示的头部标签数据显示为空

你好,Artf 我在给编辑器组件分配的HTML头标签里有head tag和meta tags。 比如 但它在<head>iframe正文中显示内容 比如

artf

GrapesJS 并不是为处理外部内容设计的,实际上所有内容都附加在了正体内部。举个例子,如果你在创建页面构建器,你用 GrapesJS 来创建页面的模板,而不是元数据,这部分应该在外部处理

lock[bot]

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

#11722018年6月6日作者 AB61622 个回答
0 个反应

如何控制像谷歌地图这样的设置

我一直在阅读GrapeJS API,但找不到可以操作某个方块设置并以Google Maps方块中参数的方式传递的地方。我在哪里能找到我需要的信息? ![图片](https://user-images.githubusercontent.com/11187639/41020241-ae053650-6927-11e8-8681-f500277d05a0.png)

artf

这就是地图块的[通过基本块插件](https://github.com/artf/grapesjs-blocks-basic/blob/master/src/blocks.js#L221-L229)插入的方式。 所以你可以用这种方式覆盖它 “''js 编辑。BlockManager.add('map', { 标签:'我的地图', 属性:{ class:'fa fa-map-o', 内容:{ 类型:“地图”, 风格:{ 高度:'350px' }, 地图类型:'q', // q...

lock[bot]

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

#11712018年6月6日作者 ionic6663 个回答
0 个反应

如何更改内容

你好,感谢你对之前问题的建议。但当我更改内容时,会多出一个表格。你能告诉我哪种方法可以直接更改内容吗? ![qq20180606-092912](https://user-images.githubusercontent.com/36065691/41010946-ef5fb9e6-696c-11e8-98e6-5b5beed936b1.png) ![qq20180606-092957](https://user-images.githubusercontent.com/36065691/41010950-f3ac39ac-696c-11e8-801f-8880efc00d9e.png)

artf

再@ionic666,“组件”是子组件,所以你不是替换组件,只是添加子组件。例如,如果你需要更新包装器的属性,可以这样做 'selected.setAttributes({ property: 'value' }'

ionic666

@artf抱歉,我只是想知道哪个方法可以更改表格中的内容,因为我想更改表格中的“tr”和“td”

lock[bot]

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

#11702018年6月6日作者 milapshah153 个回答
1 个反应

导航条样式问题

大家好, 我在导航栏中遇到响应不灵敏的问题,样式也与 Bootstrap 冲突。 @artf 你能帮帮我吗? 此致敬礼 米拉普

FrciSmrci

嘿,@milapshah15, 你能提供一些更多信息吗?你是通过 GrapesJS 初始化配置里的 canvas styles 属性导入 bootstrap 吗?你遇到的问题是Bootstrap导航栏响应还是Grapesjs? 你的样式在使用Basic Blocks插件时会和Bootstrap冲突吗?这里有一个封闭议题,讨论[解决方案](https://github.com/artf/grapesjs/issues/1109)。基本上你只需要在 blocksBasicOpt...

no-response[bot]

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

lock[bot]

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

#11692018年6月5日作者 JulyanoF2 个回答
0 个反应

在组件中获取并设置一些样式为活动元素

是否可以在组件设置标签页中设置一些风格属性,比如颜色、背景色、字体大小,以及特征?

artf

其实不完全是,但你可以创建一个特性,在更改时更新组件的样式

lock[bot]

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

#11682018年6月5日作者 babak-karimi-asl2 个回答
1 个反应

为什么缺少 transform : translate() ?

完美。最后,社区正在打造一个完美工具,能够100%控制CSS和HTML。 但我想知道为什么缺少“变换:翻译”? ![2018-06-05-2338511366x768scrot](https://user-images.githubusercontent.com/31150843/40997941-828730ca-691b-11e8-85dc-4d60b2e05103.png)

artf

缺少它只是因为这是[预设插件](https://github.com/artf/grapesjs-preset-webpage/blob/master/src/styles/index.js)中定义的方式,但你实际上可以用配置覆盖它,添加所有需要的变换

lock[bot]

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

#11672018年6月5日作者 maxencehenneron3 个回答
2 个反应

导出选项

你好,@artf, 除了 HTML/CSS 还有其他导出选项吗?我在想一种方法,可以直接从远程服务器加载配置,然后实时在网页上渲染。 葡萄干得漂亮!:)

artf

是的,当然,我在这里已经详细解释了事情 https://github.com/artf/grapesjs/wiki/Storage#store-and-load-templates 你可以从 HTML 启动编辑器,或者直接(不解析)通过 JSON 启动编辑器 “''js Grapesjs.init({ ... 组件:“<div>......</div><div>......</div>, }); 或者 const editor = Grapesjs.init({ ... 组...

artf

谢谢@maxencehenneron,但我不明白“我想找一种方法直接从远程服务器加载配置并在网页上实时渲染”(你已经可以通过内置远程存储实现)和“除了 HTML/CSS 以外的其他导出选项”有什么关系,你还需要什么? 顺便说一句,也许这能帮到你:https://github.com/artf/grapesjs/wiki/Storage

maxencehenneron

目前,grapeJS 导出模板格式为 HTML/CSS,我想知道是否有简单的方法可以创建一个前端应用,通过远程存储加载 GrapeJS 保存的配置并渲染到网页上。流程如下:使用 GrapeJS 构建模板,并通过你发送的维基页面中的远程存储保存到远程服务器有一个网页服务器,从远程端点获取配置,并在有人加载页面时直接渲染所有组件。 我很容易就完成了第一部分,但第二部分我还在挣扎,它是原生实现的吗? 目前,编辑器调用远程存储端点,包含一些参数,如 GJS-CSS 与 CSS 样式...

#11662018年6月5日作者 ionic6663 个回答
0 个反应

会有额外的div

你好,当我拖动一个 div 时,它周围会多一个额外的 div。 ![qq20180605-132832](https://user-images.githubusercontent.com/36065691/40956801-af942912-68c4-11e8-880d-d4248fd9d690.png) ![qq20180605-132816](https://user-images.githubusercontent.com/36065691/40956802-b066e032-68c4-11e8-89ea-2a7b13a02b5d.png)

shareefhiasat

@ionic666好问题,你能像现在这样准备JS小提琴吗?[https://jsfiddle.net/ssabrewolf/7ur0cwq3/32/](https://jsfiddle.net/ssabrewolf/7ur0cwq3/32/)这样可以省下我们回复的时间,谢谢。

artf

这就是你要求渲染的......“components”在你的案例中是子节点,可能你只需要这个“content”:<div>'123</div>'

ionic666

@shareefhiasat抱歉,我打不开你提供的网址,能给我截图或代码吗?谢谢

#11652018年6月4日作者 blaasvaer2 个回答
1 个反应

网页演示和Newletter演示都显示空白页......

警告 请阅读并遵循接下来的五个步骤,然后在发布问题前删除它们 成交!

babak-karimi-asl

我也遇到过同样的问题。解决了。[此处有解释](https://github.com/artf/grapesjs/issues/1160#issuecomment-394823661)

lock[bot]

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

#11642018年6月4日作者 bhavinshiroya19941 个回答
0 个反应

Grapesjs 如果导入部分为空白,点击提示部分是空白的?

我需要在点击“选择空白”或“非”的导入部分查看,以及下面“技术化”图片下方的更多信息。 [https://user-images.githubusercontent.com/37970833/40917410-ca408020-6820-11e8-90cf-8b1020394181.PNG] 请告诉我该怎么处理? !此致敬礼

lock[bot]

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

浏览所有主题