PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
大家好！ 我在自定义组件方面遇到了问题。我创建了一个属性为 tabindex = -1 的模态组件，但我无法用 Ctrl + C 键复制这个组件。 请帮帮我。 非常感谢!!
artf
只需在组件视图中移除该属性（例如在 onRender 方法中），这样你仍然能在最终 HTML 中获得该属性
GJSBlock
谢谢你举报，@tannguyen97。 感谢你分享关于当元素属性 tabindex = -1 时，无法用“control + C”复制的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么：** 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS...
版本： 0.17.4你能复现演示中的bug吗？ 是的预期的行为是什么？ 拖动方块时，顺序应保持不变。目前的行为是什么？ 当拖拽到方块的顶部或上方时，它会按一个顺序移动。 当拖到方块组底部或下方时，顺序会不同。 如果选择大量方块或方块较高，这可能会成为问题。你能附上截图、截图或现场演示吗？ ![截图 2021-06-17 上午10：34 58]（https://user-images.githubusercontent.com/676680/122303979-904d7880-cf58-11eb-9ae8-3c29e30ac83e.png） ![截图 2021-06-17 上午10：35 04]（https://user-imag...
lexoyo
你好 我正在尝试修复这个bug。 这更像是让我深入学习 grapesjs 代码的练习，告诉我我是浪费时间，或者听起来有用吗
GJSBlock
谢谢你举报，@japo32。 拖拽多个块导致顺序反转的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告中包含...
我们想在图像组件中添加一个自定义工具栏，显示在左侧（类似于我们对文本组件的展示）。请告诉我该怎么做。 我们还想为自定义组件添加不同的自定义工具栏。
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...
你好 👋 喜欢这位编辑！ 我们用特征来修改组件拥有的类，但感觉有点不靠谱，因为每个特征选择都必须重新声明所有类名 这里有一个简单的例子： 每个特质选项都必须定义所有职业，否则会移除所有现有职业。 这感觉像是错误的做法，但我们还没能找到其他内置方法来修改组件的类。 正确的做法是什么？
krishnaeverestengineering
@deiga我们正在做类似的事情。
artf
我会把特性附加到某个组件属性上，而不是类属性，根据值我会正确使用 [removeClass]（https://grapesjs.com/docs/api/component.html#removeclass）和[addClass]（https://grapesjs.com/docs/api/component.html#addclass）
GJSBlock
谢谢你举报，@deiga。 关于[问题]关于从组件中添加和移除类的惯用方式是什么？推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...
我正在使用插件 grapesjs-blocks-bootstrap4 和集成的 grapesjs-lory-slider，第一次使用时是正常的，但从数据库加载时滑块功能就消失了。 我哪里做错了？ 拉进去后，它依然正常工作 ![图片]（https://user-images.githubusercontent.com/54711078/121833210-0b632480-ccf6-11eb-8028-735dc0381338.png） 这时我从数据库加载它们，它们变成了盒子 ![图片]（https://user-images.githubusercontent.com/54711078/121833346-5aa95500-ccf...
artf
你好@vuongluc，可能是加载HTML/CSS编辑时有问题。你应该存储并加载JSON数据，看看[这个指南]（https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates）
GJSBlock
谢谢你举报，@vuongluc。 关于grapesjs lory slider的好建议！虽然这个具体功能还没在核心API中，但有几种方法可以实现类似的行为。 使用事件系统： 替代方法： 听取 CSS 选择器更改的 selector:add 使用 selector:custom 自定义规则 利用 change:* 事件进行细粒度跟踪 构建一个插件，扩展编辑器并具备此功能 正式宣布： 如果此功能能惠及更多用户，考虑在 GrapesJS 仓库中正式发起功能请求，内容包括： 详细的...
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肯定的
我需要生成设计页面的JSON对象模型，而不是生成HTML、CSS和JS代码，有没有函数可以返回设计页面的JSON对象？ 另外，我是在Angular里实现UI构建器，所以优先使用TypeScript版本。
artf
我强烈建议阅读文档页面，如[组件]（https://grapesjs.com/docs/modules/Components.html）和[存储管理器] ]（https://grapesjs.com/docs/modules/Storage.html）涵盖了所有这些部分。
GJSBlock
感谢你举报，@ola-893。 关于FEAT：生成页面的JSON对象模型，这是个很好的问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'som...
你好， 我对这个很棒的项目还比较新，但我正在尝试在从dropMenu选中组件ID后，更改另一个组件onClick的显示。我在选择 dropMenu 特性后，试图为组件添加 onClick 属性遇到了困难。我似乎无法从 addAttributes（） 中访问 dropMenu 特性的值。我也无法使用外部的 addAttributes（） 变量，比如 'var comp = document.getElementById（this.get（“traits”）.where（{name： “dropMenu”}）[0].get（“value”）'，包括 editor.getSelected（）。 提前感谢大家 '编辑。Components...
GJSBlock
谢谢你举报，@tmrowe123。 感谢你分享关于尝试在组件中添加onClick属性的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复...