PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验

GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#6802017年12月25日作者 z1lk3 个回答
2 个反应
已过时

编辑职业/设置时的DOM/组件问题

我在开发插件时遇到过这个问题。我在官方演示中通过Browserstack在另一个操作系统和浏览器上复现过，所以我很确定这里有个bug。具体的繁殖步骤：加载[演示]（http://grapesjs.com/demo.html），清除画布（垃圾图标），刷新页面以获得新的演示页面在画布中选择“无需编码即可构建模板”div”在样式面板中打开设置部分，在ID字段输入'a'， 'ENTER'， 'b'， 'ENTER'（即将ID更改两次）注意组件仍然被选中，但DOM元素失去了“gjs-comp-selected”类，该类会显示蓝色边框在类编辑器中，点击X键以移除“lead-title”类立即通过设置为组件命名注意“主标题”类已在DOM中回归，...

artf

谢谢@z1lk我确认了试玩版中的问题，但背后的bug已经通过#661修复了。补丁将在下一个版本中发布

artf

现在应该已经修复了 https://github.com/artf/grapesjs/releases/tag/v0.12.58

lock[bot]

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

查看详情
#6782017年12月23日作者 suchithmahadi3 个回答
0 个反应
已过时

招聘

你好， 2 个查询： 1）如何添加Demo网页中的标志。 ![截图 2017-12-23 下午6：13 32]（https://user-images.githubusercontent.com/10076407/34319690-6a6ef98e-e80e-11e7-8b4b-c6b20cd16922.png） 2）如何将块管理器、风格管理器从右侧移动到左侧。 ![截图 2017-12-23 下午6：14 05]（https://user-images.githubusercontent.com/10076407/34319697-8b2312fa-e80e-11e7-9631-cdf25d920b30.jpg） 谢谢。

artf

@suchithmahadi GrapesJS 自带一个默认界面，你可以用 JS 和 CSS 轻松更改

suchithmahadi

@artf 谢谢回复，至少如果你能建议具体哪里改会很有帮助。 谢谢。

JulyanoF

@suchithmahadi类似的东西 '$（'.fa-th-large'）.remove（）;' 你可以把它放在 grapesjs init 之后

查看详情
#6772017年12月23日作者 mingodad2 个回答
0 个反应
已过时

Escape HTML

你好！ 我注意到通过 grapesjs 逃逸 html 存在几个错误，其中一些可以通过这个拉取请求 https://github.com/artf/grapesjs/pull/676 修复，但我仍然遇到启动时插入的 HTML 问题。 在下面的示例中，第一个&lt;预&gt;渲染不正确，我需要像第二个&lt;预&gt;那样双重转义，才能正确渲染，之后才能正确导入导出。 在对初始 HTML 应用了多次转换之间，结果被搞砸了。 '''html <div class=“buttons”> <h1>按钮</h1> <a 类=“BTN smooth BTN-A”>BTN-A</a> <br><br><pre>&lt;a 类=“BTN BTN-...

artf

正如前面提到的，[这里]（https://github.com/artf/grapesjs/pull/676），我们必须为“'创建一个新的组件，<pre>因为跳出所有东西都不是选项

lock[bot]

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

查看详情
#6742017年12月22日作者 nestor91sanchez2 个回答
1 个反应
已过时

自定义组件无法保存

我的自定义组件不会保存在封装编辑器里，刷新页面时编辑器会加载除组件外的所有组件。 Web Inspector 显示一个空的 div。 <img width=“531” alt=“截图 2017-12-22 下午3：14 08” src=“https://user-images.githubusercontent.com/2053807/34309887-d8a7a5e8-e72a-11e7-823e-5aeea5197866.png”> <img width=“1543” alt=“截图 2017-12-22 下午3：13 50” src=“https://user-images.githubusercontent.com/205...

afotey

如果你指的是让生成内容在刷新时保存并持续存在，可以试试这个： 'var editor = grapesjs.init（{ 容器：“#gjs”， storageManager： { 类型：“无” id： 'gjs-'， // 存储和加载时将用于的前缀标识符 类型：“本地”，// 存储类型 自动保存：true，// 自动存储数据 autoload： false， // 在 init 时自动加载存储数据 stepsBeforeSave： 1， // 如果启用自动保存，表示在触发存...

lock[bot]

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

查看详情
#6732017年12月22日作者 crazyxhz3 个回答
1 个反应
增强已过时

如何在容器外渲染方块管理器？

我刚加入这个很棒的图书馆，看起来非常整洁干净，但我遇到的问题是。 我让 GJS 渲染在中间，我想把方块管理器和其他面板和按钮渲染成第三方的界面组件。我该怎么做？ ![图片]（https://user-images.githubusercontent.com/6551888/34306134-8ae7658a-e77c-11e7-86cd-38eaf305a6ce.png）

lorrandavid

@crazyxhz新版本 v0.14.5 后，现在可以在主编辑器之外渲染块管理器。你可以这样实现想要的结果： 我不知道有没有文档，但你可以在发布时的解释中找到更多 https://github.com/artf/grapesjs/releases/tag/v0.14.5@artf

artf

你好@crazyxhz目前还不能通过配置实现，但这是我想改进的地方。 目前，作为一种变通方法，渲染完成后可以通过js移动面板，块管理器必须先激活它 “''js const editor = Grapesjs.init（{ ... }); editor.on（'load'， （） => { 加载方块并放到另一个元素中 editor.runCommand（'open-blocks'）;这样可以渲染方块 const blocksEl = document.querySelecto...

artf

感谢@lorrandavid指出，这个问题现在可以关闭了

查看详情
#6702017年12月22日作者 tlatforlz2 个回答
0 个反应
已过时

如何在组件中设置图像

你好@artf， 我通过 getComponent API 获得了一个组件镜像。 我该如何在该组件的资产中设置图像？ 我在文档里查了更多，但找不到。 感谢你提供的好框架。

artf

你好@tlatforlz你必须更新组件的“src” “''js imageComponent.set（'src'， 'https：//.../image.jpg'）; ```

lock[bot]

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

查看详情
#6692017年12月22日作者 TWCM2 个回答
0 个反应
已过时

有没有什么方法可以用类来控制data-gjs-{property}？

@artf好，有什么方法可以用类来控制 data-gjs-property 吗？比如我在元素中添加了一个“不可复制”类，组件会自动将可复制属性改为false，用户无法在编辑器中复制该元素。

artf

你可以利用[事件]（https://github.com/artf/grapesjs/wiki/API-Editor#available-events） “''js editor.on（'component：add'， model => { const cls = model.getAttributes（）['class']; cls == 'non-tableable' && model.set（'可复制'， 0）; }) ```

lock[bot]

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

查看详情
#6682017年12月22日作者 TWCM2 个回答
0 个反应
增强需要帮助已过时

当元素不可选择时，建议悬停并点击事件即可选择可用的父元素。

@artf你好，我能不能对select命令做一个增强功能？当光标点击或悬停在不可选择的元素时，选择跳转到可用元素。既然该元素不可选择，且元素内无能为力，我建议悬停并选择跳转到可用父节点。

TWCM

你好@artf， 我正在努力帮助实现这种增强。但我不确定我说得对不对，请帮忙核实。

lock[bot]

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

查看详情
#6672017年12月21日作者 tlatforlz2 个回答
0 个反应
已过时

关于资产管理人的问题

你好@artf， 我有两个关于资产管理公司的问题。我如何通过选择设置图片，当前逻辑 上传图片后，我必须在列表中的资源中选择图片？我想上传图片后，在组件里设置它。我如何重新装填资产。我写API来保存图片到Get Image里。Asset中的图片自动保存。我想让Reload Asset从我的数据库加载图片。 感谢你提供的好框架。 祝你有美好的一天。

artf

你好@tlatforlz首先看看关于[Assets]（https://github.com/artf/grapesjs/wiki/Assets）的文档页面，可能会有帮助我如何通过选择来设置图片？当前逻辑：上传图片后，我必须在列表中的资源中选择图片？我想上传图片后，在组件里设置它。 你可能想依赖[资产事件]（https://github.com/artf/grapesjs/wiki/API-Editor#assets）我如何重新加载资产。我写API来保存图片到Get Imag...

lock[bot]

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

查看详情
#6652017年12月20日作者 SwithFr3 个回答
1 个反应
已过时

自定义组件与存档

抱歉，又是我！ 我正在尝试用我的新组件“img-link”保存我的模板： 但当我用 gjs-get-inlined-html 命令保存模板（这是通讯模板）时，它不会保存图片的原始格式。 你能帮帮我吗？

SeongwoonHong

SRC的问题就在这里“''js// 视图editor.runCommand（ 'open-assets'， {// 模型应该是 img-link 里的那个目标：this.model，```我觉得你应该创建一个自定义视图，禁用内部“img”上的指针事件（比如在渲染中，这样你总是选择“img-link”模型），然后在openModal中将内部img模型作为目标传递 @artf 你能举个代码示例吗？我也遇到过同样的问题，但不太确定该如何实现你说的这些......

SwithFr

事实上，问题似乎来自isComponent。 我的组件被检测到他的className为“img-link”，类型“img-link”被返回并重新渲染。

artf

我的组件被检测到他的className为“img-link”，并且“img-link”类型被返回并重新渲染。 “isComponent”只在解析HTML时使用，所以我不确定是否如此。 简单的“getHtml”能得到什么？你能提供你案件的现场演示吗？

查看详情

浏览所有主题