PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
你好@artf，我该如何在这个 grapesJS 中添加 [platforma]（https://platforma.ws/） 组件和 UI 元素集合，有什么建议吗？
integerManual
@awais786327你可以试试看文档，了解如何添加模块和组件，当 init Grapesjs 时别忘了把 PlatformA 的 CSS/JavaScript 添加到画布上 “JavaScript const editor = Grapesjs.init（{ canvas：{ 风格：“https://platforma.com/path/to/bootstrap.css”]， 剧本：[ “https://platforma.com/path/to/bootstrap.b...
你@artf我怎么给“包裹”组件特性添加事件监听器？根据问题#1146，我只知道怎么添加特征，但不会绑定事件
artf
@integerManual特征的目的是更改某个组件属性/属性，所以你必须在组件上添加监听器，而不是特征。
GoodPHP
你好， 如果你在这里没有找到答案，可以联系Devfuture Team： https://devfuture.pro/contact/ 我们专注于 GrapesJS。
https://grapesjs.com/docs/getting-started.html - 入门指南示例是静态的。每一步后添加不同的方块和面板时，我们看到的只有“Hello World Component！”的提示。 目前的行为是什么？ 指南中每一步后，入门页面的示例都是静态的。 预期的行为是什么？ 它应该是互动的，或者至少应该有一张截图，展示在“入门”部分完成必要步骤后会是什么样子。
theSC0RP
@palerdot 我的浏览器里的例子不是静态的。这是截图： <br/> ![捕获]（https://user-images.githubusercontent.com/30771519/97701463-79463d00-1ad3-11eb-8c5f-65057184585e.JPG） <br/> 如图所示，底部有一个面板，里面包含各种方块。我可以拖拽它们在画布上。这里有另一张截图，显示了添加每个方块<br/>后的结果 ![捕获2]（https://user-images...
palerdot
现在运行正常。不知为何，当我提出这个问题时，声音完全是静态的。我会关闭这个问题，因为这点目前不相关。
你好， 我正在定制 GrapesJS，创建组件/块，让用户可以拖到画布上。其中一些模块依赖于外部库，如Bootstrap和FontAwesome..有没有办法检查页面上是否包含必要的依赖关系，如果没有，再添加到页面？ 以下是我已经知道的事情。我希望有人能帮我补充对GrapesJS理解的空白，或者指点我一些有用的方向。我知道当用户在页面上放置块时，我可以点击[拖放事件]（https://grapesjs.com/docs/api/editor.html#available-events）。然而，不知为何我只能触发“block：drag：stop”这个事件。如果我现在尝试把我的库依赖添加到页面上，我会把所有页面内容都清空。显然我太早添...
GoodPHP
你好， 如果你在这里没有找到答案，可以联系Devfuture Team： https://devfuture.pro/contact/ 我们专注于 GrapesJS。
artf
@stljeff1正确的方法是使用[组件相关脚本]（https://grapesjs.com/docs/modules/Components-js.html#component-related）来检查依赖是否存在
stljeff1
@artf CSS文件能做到吗？ 不过，我还是通过为任何依赖（CSS或JS）创建了自定义块类型，成功“解决”了我的问题。这种自定义类型通过在画布上放置该类型的块时添加自定义回调来扩展默认视图。当触发回调时，我会弹出一个对话框通知用户依赖，如果用户接受，我会将依赖添加到页面。
我也遇到了同样的问题，见[Components & Js - Load Template #1906]（https://github.com/artf/grapesjs/issues/1906#issuecomment-477773294） 带有 JS 的组件在丢弃和首次导出时都能正常工作。但是，如果页面被刷新，js 不会被加载，这就会出现问题。 刷新后，JS也被排除在导出之外。 谢谢你的帮助。
GoodPHP
你好， 如果你在这里没有找到答案，可以联系Devfuture Team： https://devfuture.pro/contact/ 我们专注于 GrapesJS。
artf
确保“脚本”放在定义好的组件上，而不是在Block上，然后你必须存储和加载JSON结构，而不是HTML/CSS
描述该漏洞在当前演示中被重现发生了什么？ 我用src=null配置了视频块，像这样： “JavaScript 班级视频 { 构造者（编辑器） { 设 block = 编辑器。BlockManager.get（'video'）;继承插件 编辑。BlockManager.remove（block.id）; 返回 { 内容：{ ...block.attributes.content， src：null， 风格：{ 宽度：“250px”， 高度：'150px'， }, }, label： '<div class=“callout-icon callout-icon-video”></div> <div class=“callout-blo...
GoodPHP
你好， 如果你在这里没有找到答案，可以联系Devfuture Team： https://devfuture.pro/contact/ 我们专注于 GrapesJS。
artf
@meyerco传递空的“备用：”''性质
meyerco
更准确地说，这个bug是关于加载包含没有src属性的视频标签的html。 加载该 HTML 后，会在视频标签中添加一个 scr 属性。 这个src值是一个base64图像（显然是图像组件的默认base64图像）。
我正在按照[Grapesjs Trait Manager]（https://grapesjs.com/docs/modules/Traits.html）的指南制作自定义特质，之前遇到过问题，但这些特质没有显示出来。 预期结果：像下面这些自定义特质会出现。 实际结果是：默认特征如身份和头衔显示出来了。 目前，我正在使用特质管理器网站的示例代码进行测试，如下所示。 “''js 编辑。DomComponents.addType（'count'， { 型号：{ 默认值：{ 特质：[ 字符串会自动转换为文本类型 'name'， // 同理：{ type： 'text'， name： 'name' } “占位符”， { 类型：“select”...
GoodPHP
你好， 如果你在这里没有找到答案，可以联系Devfuture Team： https://devfuture.pro/contact/ 我们专注于 GrapesJS。
artf
请遵循问题模板，并提供该漏洞的实时演示
在Canvas里，我双击一些文本想打开IE11的RichTextEditor，结果报错了，打不开。在其他所有浏览器中都能正常工作。在pptx里附上了视频和代码： [Presentation2.pptx]（https://github.com/artf/grapesjs/files/5438803/Presentation2.pptx） richTextEditor.add（'insertHtml'， { 图标： '<select class=“placeholders-select”>' + 选项（）'</select>'， 将“结果”绑定在“change”听众身上 事件：“变化”， 结果：（rte， action） => rte...
fq-selbach
我很惊讶你居然能在IE11里打开它，因为ES6代码太多，模板使用量很大，IE11根本不支持。我建议你去掉IE11，或者至少搭建你的模板/页面/小部件，用现代浏览器。如果你幸运的话，至少导出后还能在IE11中使用它们。
devuniverse
也就是......#shivers
在RichTextEditor中，我添加了一个打开模态的按钮，这个模态会输入特定的值，然后我会把这些值插入到html中。 但当我保存这些值时，html 并没有保存它们。 可能出了什么问题？我在PPTX上分享了代码和视频。 [Presentation1.pptx]（https://github.com/artf/grapesjs/files/5438735/Presentation1.pptx） 编辑。RichTextEditor.add（'conditionIf'， { 图标：“<b>条件IF”</b>， 属性：{标题：“条件 IF”}， 结果：rte => { 让 htmlInsert = '' const pfx = edit...
GoodPHP
你好， 如果你在这里没有找到答案，可以联系Devfuture Team： https://devfuture.pro/contact/ 我们专注于 GrapesJS。
artf
这里的问题很可能与模态编辑时的焦点丢失有关。你应该想办法把重点放在RTE上（也许可以自己创建模式，防止事件传播），但这和编辑器核心无关，所以我得结束这个问题。
版本：0.16.27 摘要：复制组件上缺少悬停样式 繁殖步骤：尝试更改悬停状态上的某些内容复制更改后的组件 意料之中：复制的组件具有悬浮风格 真实：重复组件没有悬停样式
artf
说得好，谢谢@tranthanhhoa我会在下一个版本里尝试修复