PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
你想给GrapesJS添加什么？ 提升风格管理器行业和物业的可见度。 详细描述你的功能需求详细 目前，如果某个扇区或属性可见，会添加内联样式的“display： block;”，这限制了样式化的机会（例如，现在无法在属性包装器中添加“display： flex”）。 最新版本有替代方案吗？ 不要为可见元素添加“display： block;”，只需像之前版本的 GrapesJS 那样移除“display： none”
artf
大概这周末
artf
修复将在下一个版本中发布，谢谢
maryia-kabash
谢谢！你对上映日期有估计吗？
你好， 我该如何实现事件handleClick？我需要一些帮助 @artf @fmr411
lebonsavane
没人回答，所以？
版本： 0.16.22 你能重现演示中的bug吗？ [x] 是的 [ ] 不 预期的行为是什么？在图层中悬停在身体上——身体元素的类别为gjs悬停，并带有蓝色轮廓将鼠标向上移动并移出层外 身体元素应该会移除悬停的GJS，不再有蓝色轮廓 目前的行为是什么？ 车身元素保持了 GJS 悬停的阶级，并且保持悬浮状态 你能附上截图、截屏或实时演示吗？ [x] 是的（附上） [grapesjs 悬停不away.zip]（https://github.com/artf/grapesjs/文件/5338784/grapesjs.hover.doesn.t.go.away.zip）
fq-selbach
我发现了另一个关于“gjs-hovered”的问题。有时蓝色轮廓在滚动时会移动。 看看这个JsFiddle（并用鼠标滚轮滚动）：https://jsfiddle.net/vb7r1zns/ 这似乎只在HTML代码以另一个完整的宽度/高度 DIV 开始时发生：
artf
感谢@Davidvlv报告。修复将在下一个版本中发布。 @fq-selbach，你的问题有点不同，那是可滚动内部元素的问题。
fq-selbach
自从你关闭后，我为相关问题创建了一个新问题：https://github.com/artf/grapesjs/issues/3152
版本： v0.16.22 你能重现演示中的bug吗？ [X] 是的（通讯演示） 如何繁殖 导出默认模板或你自己的模板（导入后），然后用[]（https://putsmail.com/）发送。用iPhone打开邮件。 预期的行为是什么？ 发送到移动设备（我这里是iOS）时，邮件应该会使用整个显示宽度 详细描述那个漏洞 我用Mailtrain发送通讯。Mailtrain集成了GrapesJS，帮助在发送邮件前可视化和编辑邮件。我通常导入一个在手机上运行良好的模板，让不熟悉HTML的人调整通讯内容。 在移动设备上打开已发送的通讯时，由于邮件不占用整个屏幕宽度，会损失大量空间。我猜这和默认应用在HTML代码中的“protectedCss”...
boomshakar
解决这个问题的办法是将正文设置为100%宽度和高度，然后邮件容器本身的最大宽度为550px，宽度为100%，然后高度为自动，最小高度为100vh或150px ![截图（150）]（https://user-images.githubusercontent.com/51333883/164299300-fa91dc3d-07f6-488e-81ed-e53cb8f7bd0c.png）
artf
你好@terdinatore GrapesJS的核心是创建用HTML/CSS/JS构建内容的编辑器，但是否构建合适的邮件模块/组件则取决于谁整合编辑器
版本： 0.6.18 你可以在控制台输入“grapesjs.version”获得版本 你能重现演示中的bug吗？ [ ] 是的 [x] 不 我觉得这可能是因为演示版是全屏模式？ 预期的行为是什么？ 我想富文本编辑器的工具栏应该放在正在编辑的文本块附近。此外，双击文本对象并不总是触发RTE工具栏。 详细描述那个漏洞 这似乎只在编辑器未处于全屏模式时发生。当它出现在可滚动的标准浏览器窗口上时，RTE的位置似乎会根据滚动位置发生或可能被误算。此外，双击文本块并不总是显示RTE工具栏。 更新： 起初我以为这只是和RTE的定位有关。但正如我在最新评论中提到的，如果Grapes编辑器不是全屏模式，且编辑器顶部位置不在视口顶部，内容块的高亮/选...
artf
看，在最新版本中，我们增加了这个选项 https://github.com/artf/grapesjs/blob/8822aa6c6e8ced09ad50f2c8392f1754d3a6ec8b/src/editor/config/config.js#L151-L157 所以，首先，确保你没有从浏览器中提供缓存的 Grapesjs 版本（在 devtools 'console.log（grapesjs.version）' 中运行），然后检查你的可滚动面板是否是你 '<div...
HeyWrecker
@artf 和你一样，我也没法用小提琴繁殖。于是我开始逐条拆解 HTML 内容，直到我发现一个主要的网站容器在类上定义了一个“overflow-x： hidden”，而且不知为何这似乎严重影响了 GrapesJS 的高亮和工具栏放置。我纠正了这个问题，除了更新最新版本并赋予“listenToEl”属性外，所有问题都解决了。实际上，似乎是根“div”里的“overflow-x： hidden”导致了这个问题。 非常感谢你花时间和精力帮我解决这个问题。
MartinPutz
@HeyWrecker 我见过类似的情况，比如没有选择设备或画布被外部JS操作。你能用以下方法检查当前选中的设备吗： https://grapesjs.com/docs/api/editor.html#getdevice “''js editor.getDevice（）; ```
版本： 0.15.9 预期的行为是什么？ 在资产管理器中点击上传的图片后，该模态应该会关闭 详细描述那个漏洞** 在资产管理器里点击上传的图片后，那个模态应该不会靠近 请问能否提供一个解决方案，说明点击图片后或放置图片后如何隐藏模态
artf
你可以在这里阅读如何扩展资产 https://grapesjs.com/docs/modules/Assets.html
版本： 0.16.22 预期的行为是什么？ 改变Trait property（演示中的列）应该触发POST到远程存储，无论changeProp如何 https://jsfiddle.net/tntramsey/vgbeLarj/3/ - 在“测试插件”上更改“列”会发起对远程存储的POST信号 https://jsfiddle.net/tntramsey/n7tgojhy/4/ - 在特征中添加“changeProp： 1”并更改“Columns”不会POST到远程存储
artf
这里的“changeProp”更新组件属性，且自定义身份不会被追踪。作为一个变通方法，你可以用这种方式（在自定义组件模型中）传播它们。 “''js ... init（） { ... this.on（'change：columns-not-changing'， （...args） => editor.getModel（）.handleUpdates（...args）） } ```
没有像扩展图片类型这样的组件示例，文档看起来有点难以理解和理解，如果有自定义图片类型或独立组件上传器的示例就更好了，因为我项目中有用例。
artf
你可以像扩展其他组件一样扩展图像，解释在这里（https://grapesjs.com/docs/modules/Components.html）。如果你有特定的用例，就看组件实现的源代码了
abulka
我和@revdfdev一样遇到困难——在按照文档示例扩展现有组件时，我很难理解。例如，文档中写道： “JavaScript comps.addType（'my-new-component'， { isComponent： el => {/ ... /}， 扩展：“其他定义分量”， model： { ... }， // 将从“其他定义分量”扩展模型 视图：{ ... }， // 将从“其他定义分量”扩展视图 }); 然后现有的“本我”和“权利”特质被摧毁，没有任何特质被“延伸...
artf
当你扩展默认属性时，工作原理是这样的： “''js 组件A 默认值：{ propA： 'A'， propB：[1， 2]， } 组件B，扩展组件A。 默认值：{ 组件B的propA将成为组件A。 propB：[3， 4]， // 这完全覆盖了propB } 有趣的是，在上面的例子中，我会得到属性测试，但没有明确声明？ 字符串会退回到一个简单的文本特征类型 ''attr-name'' => '{ 类型： 'text'， name： 'attr-name' }'
你好，首先感谢你创建了GrapesJs，这非常有用。我遇到了一个问题，我在页面上添加一个头部，这就是我为头部添加的代码： '<header style=“padding： 100px 0px;position： absolute;top：0; width：100%”></header>' 问题是：当我先添加文本区域或其他元素，然后叠加两个叠加的标题： ![Screenshot_1]（https://user-images.githubusercontent.com/39559339/94820866-36744500-0401-11eb-8c5f-830e73a48d4f.png） 那你能说说我需要管理的房产吗？我想当我插入标题时...
artf
你能举个活例吗？
lebonsavane
我该如何联系你？
artf
@lebonsavane在JSFiddle或类似平台上举个例子
版本： 0.15.9 如何在样式管理器中修改/移除一些现有块（如文本、图片）的CSS属性 我也查看了以下链接 https://github.com/artf/grapesjs/issues/1428 你能给个解决办法吗
dharmatv
我尝试了上面的解决方案（#1428），但没有得到输出，请检查以下代码并查看截图，请帮忙解决这个问题 https://snipboard.io/Om0BXG.jpg https://snipboard.io/tcJVY0.jpg
artf
请更清楚地解释一下你想达到什么目标
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。