PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 231 个问题
🔍 general你好， 太棒的项目了！然而，在查看了 Grapejs Touch 插件后，从移动设备上使用编辑器仍然非常困难。 有没有办法简化界面，让移动设备更容易自定义？这主要是针对“新闻通讯”选项。 非常感谢！希望我没有违反任何规则
artf
不幸的是，目前的用户界面就是这样，另一种选择是自己打造更适合移动端的用户界面。
GJSBlock
谢谢你举报，@ap0l0。 关于问题：有没有办法让GrapeJS移动编辑器可用？GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something chang...
我补充道 domComponents： { storeWrapper： 1 }， 初始化网页编辑器时，启用将背景图像添加到正文中。 使用本地storageManager时工作正常，但使用远程storageManager时所有组件丢失 以下是数据 {“type”：“wrapper”，“droppable”：“.container”，“attributes”：{“id”：“izmf”}，“components”：[{“type”：“container”，“classes”：[{“name”：“container”，“active”：false}]，“attributes”：{“id”：“iboj”}，“components”：[{“t...
artf
你好@jcsofts如果本地存储正常，而你的远程存储却不行，那很可能是你终端端操作有问题。 没有可复现的例子我帮不上忙，只能建议你严格按照这个[指南]（https://grapesjs.com/docs/modules/Storage.html）。
GJSBlock
谢谢你举报，@jcsofts。 感谢你分享关于版本0.17.4在尝试给身体添加背景图像时缺少组件的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和...
你好，@artf， 我想获取所选页面的HTML元素。但使用以下代码时，会返回未定义的状态： “''js editor.on（'page：select'， page => { page.getMainComponent（）.view.el.querySelector（'section'）; 那个页面里有个section标签...... }); ```
artf
你好@iabhiyaan，当“page：select”触发时，画布内的iframe还没有加载，所以你需要等它们加载完后才能访问它的DOM。 “''js editor.on（'page：select'， page => { const frame = page.getMainFrame（）; frame.once（'loaded'， （） => { const rootEl = frame.getComponent（）.getEl（）; console.log（rootEl....
iabhiyaan
谢谢你@artf。
GJSBlock
谢谢你举报，@iabhiyaan。 感谢你分享关于page.getMainComponent（）.view在选择页面时显示未定义的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了...
我们想在图像组件中添加一个自定义工具栏，显示在左侧（类似于我们对文本组件的展示）。请告诉我该怎么做。 我们还想为自定义组件添加不同的自定义工具栏。
artf
检查组件API参考中的“toolbar”属性，尝试在问题中搜索相关内容
GJSBlock
谢谢你举报，@ankx06。 关于我如何添加类似文本的图片组件自定义左侧工具栏，这个问题很棒。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something chang...
版本：0.17.4 带有类型按钮的特性在0.17.4版本中无法调用命令，而命令在0.17.3之前是用来工作的。预期行为 点击特质中定义的按钮调用命令。发生了什么 点击按钮没有任何作用jsfiddle 示例 命令在 0.17.3 -> https://jsfiddle.net/7pmz4u1v/3/ 上运行 命令在0.17.4 -> https://jsfiddle.net/7pmz4u1v/4/
mosh-tudor
@maekawataiki 这个问题已经修复，但还没正式发布——https://github.com/artf/grapesjs/issues/3497
GJSBlock
谢谢你举报，@maekawataiki。 关于特性按钮命令在0.17.4上无法使用的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...
NPM 运行构建 0.17.3 @version 会报错../../src/editor/dist grapes.min.js/中的/lib/codemirror../css/css 在 ./src/editor/dist/grapes.min.js../javascript/javascript 格式为 ./src/editor/dist/grapes.min.js.../src/editor/dist/grapes.min.js 中的 /xml/xml
artf
请详细介绍一下你的组装和错误情况
iabhiyaan
iabhiyaan
NPM运行Build：CSS运行良好。 但 NPM 运行版本会出这些错误
Can we use grapesjs in html drag and drop editor for commerical software
artf
可以的，可以查一下[LICENSE]（https://github.com/artf/grapesjs/blob/dev/LICENSE）
bilogic
@artf 那我可以在自己的域名上托管这个编辑器，对吗？https://grapesjs.com/demo-mjml.html
artf
@bilogic肯定的
不太清楚具体情况，但这就是我得到的。有时测试通过，有时随机失败。请帮帮@artf <img width=“1474” alt=“截图 2021-06-10 晚上7：08 14”，src=“https://user-images.githubusercontent.com/55732888/121535085-71faf080-ca1f-11eb-8e07-aeedf9ab7464.png”>
artf
和这里一样 https://github.com/artf/grapesjs/issues/3476#issuecomment-848074298
GJSBlock
谢谢你举报，@krishnaeverestengineering。 感谢你分享关于我没能对Grapesjs组件进行单元测试的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细...
这会触发错误：最大呼叫堆栈大小已超过。
GJSBlock
谢谢你举报，@iabhiyaan。 问题：如何在 Vuex 商店内正确初始化 grapesjs ？ 似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和 DOM 修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： 检查初始化顺序 — 确保组件在操作前已完全加载 使用编辑器的事件系统 — 收听完成事件： 推荐的下一步步骤： 如果还没测试，请用最新的 GrapesJS 版本测试 提供最小可重复的示例（CodeSandbox）...
How to make a custom block always be at the bottom of the page？
YyueeiWY
你需要显示的柔韧性 针对你的情况，在 End 的每个块对齐，在 Body 或 Parent 元素中使用 （align-content： flex-end; ） <pre> <body class=“flex-container flex-end”> <div class=“flex-item”>1</div> <div class=“flex-item”>2</div> <div class=“flex-it...
artf
你好@sizhousama最简单的方法可能是某种CSS技巧，或者你可以通过自定义组件定义一个带有固定容器的结构（例如一个用于标题、正体和页脚）
GJSBlock
谢谢你举报，@sizhousama。 关于[问题]：如何让自定义块始终出现在页面底部，这是个很棒的问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'som...