PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验

GrapesJS 问题

已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。

找到 3,464 个问题

#27742020年5月14日作者 vinceumo1 个回答
0 个反应
缺陷需要帮助

MediaCondition：“最小宽度”断点在画布中未正确应用样式

你好， 我在移动优先的方式上遇到了一些问题。当画布在多个断点设置不同样式时，渲染出错误的样式。但生成的代码是好的，这个问题只发生在画布里。 https://codesandbox.io/s/xenodochial-shockley-s02lp?file=/index.js:496-524 “''js const 断点 = [ { 名称：“xs”，宽度：“320px” }， { 名称：“xsLg”，宽度：“400px” }， { 名称：“sm”，宽度：“630px” }， { 名称：“MD”，宽度：“740px” }， { 名称：“LG”，宽度：“1024px” }， { 名称：“XL”，宽度：“1280px” }， { 名称：“X...

artf

我们也应该用 https://github.com/artf/grapesjs/blob/201e1f9a61783080f7be885e9e0be9a40ecc16cc/src/codemanager/model/CssGenerator.js#L151-L162 的逻辑 给你 https://github.com/artf/grapesjs/blob/201e1f9a61783080f7be885e9e0be9a40ecc16cc/src/csscomposer/vie...

查看详情
#27732020年5月14日作者 Light08151 个回答
0 个反应

（类型：视频）HTML5 始终是前一提供者的 src

小bug： 当将视频类型组件切换到HTML5提供商时，它总是会使用之前提供者的src。我本以为它会被清除。这还有另一个副作用，因为（不查代码）似乎你会根据SRC设置供应商。当你保存页面并重新加载到编辑器时，这尤其让人烦恼。 它也不会触发 editor.on（'update'）。当从错误的服务商切换到HTML5服务商时，因为画布里没有任何变化。

artf

应该会在下一个版本中修复，感谢你的反馈

查看详情
#27722020年5月13日作者 Mohsen-Khakbiz1 个回答
0 个反应

：根据特质加载脚本/CSS到画布

你好。首先感谢你提供这个甜美又可爱的工具。 我需要的是根据特质向画布加载 js 或 css 文件。 假设我有一个按钮，可以选择触发灯箱。 ![1]（https://user-images.githubusercontent.com/1507948/81849162-64004500-956b-11ea-9927-867bff19dfbc.jpg） 现在我需要的是，只有在勾选了这个选项后才加载Lightbox插件的文件。 我无法通过组件的“脚本”属性实现这一点。至少是干净利落的 ![2@2x]（https://user-images.githubusercontent.com/1507948/81849776-454e7e00-95...

artf

当你使用'canvas： { scripts： []， styles： [] }''时，它只会将这些文件附加到编辑器的画布中，所以你在最终代码（'editor.getHtml（）'中不会看到它们）。 虽然没有全局列表，但你仍然可以告诉组件避免包含你的脚本 “''js const myScript = function（） { cont el = this; // ... } 编辑。Components.addType（'...'， { 型号：{ init（） { this....

查看详情
#27712020年5月13日作者 antman33513 个回答
12 个反应
缺陷需要帮助

组件，带有textable：1，自0.16.12版本起无法工作

你好， 我刚刚更新到最新版本 0.16.12，尝试将带有 'textable：1' 属性的组件迁移到文本组件时遇到了 bug。 它在之前的版本 0.16.3 上运行。 当我移动组件时，控制台会报错 '未捕获类型错误：无法读取未定义属性'属性' - ComponentView.js：293' 我举了一个基本例子：https://codepen.io/antman3351/pen/pojZWLe 谢谢！

artf

我这里留下一个可文本组件的工作示例 https://jsfiddle.net/artur_arseniev/0b9ox72g/

0099FF

看起来是在9c24108dadf2ded39e8805b6c4a5f00c626c468b中首次出现的。 正如@antman3351指出的，'model.getView（）.render（）;' 调用是麻烦制造者。在调用栈的稍后端，我们尝试更新视图的属性，但当我们尝试访问时，“model”属性是“未定义”（https://github.com/artf/grapesjs/blob/dev/src/domcomponents/view/ComponentView.js#L29...

bogdanbs

我对此有两点建议。 问题在于异步和同步代码的混淆。 启用 rte： enable（view， rte） 以及 ComponentTextView.onActive 和 ComponentTextView.disableEditing 自问题 #3475 修复后，现已成为异步方法。 在排序器类中，富文本编辑器是同步激活的（第1133行） “''activeTextModel.trigger（'active'）;' 但当activeRte实例在第1140行被访问时，尚未完全初始...

查看详情
#27702020年5月13日作者 tiptronic852 个回答
5 个反应

集合选定元素

你好， 添加到主体后有没有办法选择元素？ 当我添加链接时，我想立即打开组件设置。 我该怎么做？ 提前感谢大家

Mohsen-Khakbiz

我觉得这应该可行

tiptronic85

它有效，非常感谢。 我只为链接和按钮添加代码，效果非常完美。 '如果 model.is（'链接'）'”

查看详情
#27692020年5月12日作者 cartifon1 个回答
0 个反应
需要帮助

KeyMap的事件处理程序应该触发核心事件吗？

@artf，有个问题，激活keyMap时核心命令应该触发吗？ 情况是： 我补充了以下内容，听众们： 当我用删除图标删除组件时，它会调用我的监听器，但当我按下“删除”键时，监听器却不会被触发......我这样做有问题吗？ 你可以在这里查看： https://www.w3schools.com/code/tryit.asp?filename=GEQBCR5CLYQF

artf

是的，你说得对，指令处理器在这里直接执行 https://github.com/artf/grapesjs/blob/fbfa812eaaeeb467337107896ee6decfbfbc028e/src/keymaps/index.js#L154 它应该通过“Commands.run（id， opts）”的 https://github.com/artf/grapesjs/blob/fbfa812eaaeeb467337107896ee6decfbfbc028e/src...

查看详情
#27682020年5月12日作者 kuhelbeher1 个回答
1 个反应

当用户在画布上拖动元素时，我可以添加监听器吗？

你好，GrapesJS有很多活动，可以用editor.on收听。其中之一是“canvas：drop”。但只有当我放下还没放到Canvas上的元素时才触发。但我想听用户丢弃某个已经存在于Canvas上的组件。我能实现这个目标吗？

cartifon

你好@kuhelbeher，16.2版本中加入了这个选项，你可以在这里看看： https://github.com/artf/grapesjs/releases/tag/v0.16.2

查看详情
#27672020年5月12日作者 HPsisodia2 个回答
1 个反应

如何在环回应用中集成 Grapesjs

我正在开发一个环回应用，想集成 grapesjs，这样客户端可以自己制作网页模板，服务器随后会用它叠加在模板上发送一些信息。但是，我无法在服务器启动时与主应用程序一起集成并运行 grapesjs。我对这个还很陌生，所以不太了解，非常感谢大家的帮助

cartifon

GrapesJS 是一个客户端 JavaScript 库，我觉得你不能把它加到后端 NodeJS 应用里......但我也可能错了......你怎么看@artf？

artf

@HPsisodia客户端用 grapesjs 渲染编辑器，环回时只需提供 API（https://grapesjs.com/docs/modules/Storage.html#setup-the-server）。如果你不会设置带回环的服务器，很遗憾这里不是提问的合适地方

查看详情
#27662020年5月12日作者 svalenciano813 个回答
1 个反应

在Firefox中将背景色设置为table/table-cell无法正常工作

嗨 我在哪里可以复制它？ 演示链接：https://grapesjs.com/demo-newsletter-editor.html 浏览器信息： Firefox 75.0 我该如何复现它？ 选择一个表格或表格单元格，尝试用选择器更改背景颜色。 结果颜色不会改变:(

svalenciano81

但是，为什么 Firefox 默认的 alpha 通道是“0”，而 Chrome 中是“100”？

svalenciano81

增加阿尔法通道就能解决问题 ：-）

artf

我以#3260结束

查看详情
#27652020年5月12日作者 svalenciano813 个回答
2 个反应
缺陷

退格键触发器返回

你好， 在 Firefox 75.0 的 grapesjs 中，当按下“退格键”（event.which === 8）时，导航员会返回， grapesjs 丢失。 复述如下： 打开Firefox浏览器 开放网址：https://grapesjs.com/ 点击：“通讯演示”屁股 从编辑器 usign “退格键”中删除元素（不使用 supr 键） 行为是：导航员回去了，编辑器迷失了。 我正在尝试这个方法，但没有效果： $document.on（'keydown'， function（e）{ 如果（e.which === 8）{ // 你可以在括号内添加其他内容。 e.preventDefault（）; e.stopPropagati...

artf

应该会在下一个版本中修复

artf

@juice77这个问题在最新版本中得到了修复 https://github.com/artf/grapesjs/compare/v0.16.17...v0.16.18

tiptronic85

是的，这真的很烦人

查看详情

浏览所有主题