PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 1,399 个问题
🔍 outdated我在考虑添加多页，带有页眉和页脚 目前我有个想法想实现多页，但不知道怎么实现页头和页脚。 以目前的 API 方法，似乎没有解决办法 请帮忙解决这个问题，因为检查后发现这件事还没有问题
froderf
页眉和页脚应该对所有页面保持一致
artf
你必须使用 [自定义组件]（https://grapesjs.com/docs/modules/Components.html） 示例 https://jsfiddle.net/5vcc3en6/
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
1、移动画布 2、点击layerManager（如果不点击layerManager 不会出错） 3、画布里的提示框位置出错 1、移动画布 2、点击layerManager（如果你不点击layerManager，也不会出错。） 3、图片中小费箱的位置不对。 ![grapesjs-issues]（https://user-images.githubusercontent.com/12890684/50725484-1f73c680-1139-11e9-9fec-ebcc79afb559.gif）
artf
感谢报告@fulus06能否提供一个可复现的演示 https://jsfiddle.net/？
fulus06
@artf https://jsfiddle.net/fulus06/kqsezd0c/5/ ![grapesjs问题]（https://user-images.githubusercontent.com/12890684/50779460-5da8eb80-12db-11e9-9489-07ee7ce4023c.gif）
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好！ 很棒的项目，感谢你的贡献。 我想知道是否可以通过父组件的样式管理器更改子组件的样式。 比如，我有一个组件块。父组件包含所有其他组件。通过点击父组件并进入样式管理器，我希望能够通过样式属性或自定义特征来更改子组件的样式。 提前感谢大家。
artf
这可能有点难，但你能做到。 你肯定得创建一个自定义的[组件]（https://grapesjs.com/docs/modules/Components.html），并且在其初始化方法（model）里放置监听器到特征/样式。然后，在监听器的回调方法中，你会使用 ['find']（https://grapesjs.com/docs/api/component.html#find）方法来检测子组件
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我正在尝试将 GrapesJs 集成到 reactJs 中。 请你帮我解答下面关于GrapesJs-React的问题吗？ • 有没有办法找到编辑器中使用的图片链接？？ 举个例子：当我在 grapesjs 编辑器里拖放图片时，它会创建一个带有图像 src 路径的图片标签。所以我希望所有图片路径都被编辑器内使用，所有图片路径都是我拖放到编辑器里的。
maryia-kabash
你好@hemanthmc 我建议订阅“sorter：drag：end”事件，然后把React方法当作回调传递。 在方法中检查是否丢弃了图像，并将其src存储到React状态或做任何需要的操作。 一个更详细的例子： 'this.grapesjsInstance.on（'sorter：drag：end'， this.onDragEnd）;' 'onDragEnd（DataTransfer， modelToDrop） { if （modelToDrop && modelToDro...
hemanthmc
谢谢你的建议，@maryia-kabash。
artf
“''js editor.getWrapper（） // 获取包装组件 .find（'img'） // 通过查询字符串查找所有内部组件 .map（comp => comp.getAttributes（）['src']） // map found components ``` 组件API：https://grapesjs.com/docs/api/component.html
![捕获]（https://user-images.githubusercontent.com/19713918/50659409-81320600-0f6a-11e9-861f-a245b9a49672.JPG） 我有一个rte工具栏，你可以输入并点击“保存”，它会为所选文本创建一个链接。但问题在于输入字段的值应该是基于所选文本的动态。 如果选中的文本有href，输入字段里应该会显示href。 我如何在RTE结果或更新函数中获得所选文本的href？ 这是我代码的一部分 谢谢你，阿图尔
SeongwoonHong
@artf 哇 你救了我的命！谢谢！我完全不知道自己要花多少小时才能弄明白...... 谢！现在有效了.....！
artf
'rte.selection（）' 返回 [Selection]（https://developer.mozilla.org/en-US/docs/Web/API/Selection） 对象，你可以用它来检测有指向节点（从中获得所有需要的属性）
SeongwoonHong
@artf 你能举个例子吗？我尝试了很多方法，但没找到用rte.selection（）获取任何属性的方法...... 我真的很感激，阿图尔。
警告 请阅读并遵循接下来的五个步骤，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文，例如：“[虫子]：.......'先快速搜索一下，看看有没有人没开同样的问题不要要求为你创建示例或代码，先阅读文档和API，然后你可以发布你尝试过的（我们希望看到你的代码）以及你无法实现的所有相关陈述/问题都必须填写/回答，否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗（旧版本不支持）？如果不确定，在控制台输入“grapesjs.version”并按回...
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我基本上是在RTE里放一个输入字段，这样用户就能更容易地建立链接。 console.log（'<a href=“#”>${rte.selection（）}</a>'）））返回的是一个空锚标签，类似这样的<a href=“#></a>。 我什么都试过了......甚至把 RTE.selection（） 值存到 update 函数里的全局变量（看起来 update 函数值是对的），并在结果函数里重用，但都没用。 所以基本上， 1）点击任意文本，你会看到图标和输入字段。 2）输入字段内的任何文本 3）模糊焦点，从而触发结果功能。 4）看到控制台，显示<a href=“#></a> 目前，href 永远是 # 因为我以后会有所贡献。但问题...
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
由于涉及的方块很少，使用工具箱过滤器似乎没什么意义，但随着工具箱物品数量的增加，在工具箱上加一个过滤器就非常合理了。另一个让我烦恼的是，在画布上拖动元素时没有自动滚动功能。如果有人能帮忙解决这些问题，我会非常感激。感谢你们的👍出色工作。
artf
Hi @B-Esmaili，关于筛选器，你可以创建你的界面（面板、搜索输入等），并用模块的API来筛选它们（示例 https://github.com/artf/grapesjs/issues/499#issuecomment-343482511）让我烦恼的是，在画布上拖动元素时没有自动滚动功能 自动滚动应该能用（尽量靠近画布边缘）。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
如何在启动GrapesJs-react编辑器时加载html文件 我试过用这种方式，但没用， 编辑。StorageManager.add（'local'， { load（） { “template.html” }, });
arthuralmeidap
你可以用'editor.setComponents'来加载HTML。这里你可以看到一个例子：https://github.com/artf/grapesjs/wiki/API-Editor#setcomponents 你需要先从HTML文件获取内容。
artf
说实话，@hemanthmc，看看这个： “''js load（） { “template.html” }, ``` 我不确定你是否知道自己在做什么...... 从头说起： https://grapesjs.com/docs/getting-started.html
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
在编辑器中，如果我们有带有某些类的链接元素，编辑器不允许复制或删除该元素。 GrapesJS 版本：v0.14.50繁殖步骤：开放 https://grapesjs.com/demo.html导入后续简单链接标签 '''html <a href=“#” class=“btn btn-lg d-block d-lg-inline-block”>开始</a> ```选择它，点击复制图标或删除工具栏中的图标 @artf 你能给我建议吗？我们正在运行一个上线应用，让链接可编辑非常重要。
narendravaghela
有人能帮帮我解决这个问题吗？
artf
目前，先用这个选项启动编辑器： “''js Grapesjs.init（{ ... 画布：{ ... notTextable： ['button'， 'a'， 'input[type=复选框]'， 'input[type=radio]']， } }) ``` 下一个版本我会调整默认值
narendravaghela
现在它正在工作。谢谢你@artf