PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
来自 fontawesome 4。这次也是一个让fa5成为同伴依赖的好机会，这样大家就不会重复使用它 有些图标需要更换，这才是唯一的迁移
artf
你好，Matt，我们已经计划把Fontawesome从核心中移除，改用SVG来做图标:)
antman3351
你好， 我目前正在测试/早期开发，将 GrapesJs 集成到一个使用 FontAwsome 5.12 的现有网页应用中 （我对GrapesJs印象特别深刻，尤其是它的可👍👌扩展性） 我只是把这当作一个笔记，可能对其他人😊有帮助 我发现有几个问题，只要在编辑器前加个样式标签就能轻松解决（我懒，而且前端也不太适合😉我）。 首先，我添加了 'grapesjs.init（{ cssIcons： null， }）;这样 GrapesJs 就不会加载 FA4。 然后映射了缺失...
Geczy
附注，FA5 用的是 SVG 的 ;)
你好， 我用的是 Grapesjs 的 [Basic Extensions]（https://github.com/artf/grapesjs-blocks-basic） 扩展。 我想在这个扩展里隐藏“视频屏蔽”。 我该怎么做？ 谢谢。
artf
实际上，有专门的选项 “''js VAR Editor = Grapesjs.init（{ ... 容器：“#gjs”， 插件： ['gjs-blocks-basic']， pluginsOpts： { 'gjs-blocks-basic'： { 该加哪些块，干脆不写“视频”就好。 块：['column1'， 'column2'， 'column3'， 'column3-7'， 'text'， 'link'， 'image'， 'map'] } } }); ```
hoainam12k
开放src/blocks.js。删除第95行->109行（第95行以'if （blocks.indexOf（'video'）>= 0） {'开头）打开 src/index.js，第 7 行：删除 ''video'， ' 重建包。我想这会奏效的！
tlatforlz
谢谢你@artf
![bgcolor]（https://user-images.githubusercontent.com/167746/33984299-aad06ec6-e0e9-11e7-8ae5-537ea33ebfa5.gif） 我无法用光谱色彩选择器把背景色设为黑色。只有输入十六进制值时才有效。 感谢你提供的精彩框架！
artf
哎呀，怪怪的...... 我试过了，一切看起来都正常 https://jsfiddle.net/3bprucnv/2/
hoainam12k
你必须拖动新方块（例如文本），并更改背景颜色。加载页面时已经有块时不会发生这种情况。 你的演示和Github上的代码也有同样的问题，但你的jsfidle链接上没问题（我试过给jsfiddle添加新块，效果很好）
alemenciones
@hoainam12k我也有同样的问题，你找到解决办法了吗？
有没有办法在特定宽度上应用 css，比如 （max-width：767px），这样我们就能让模板响应式???
hoainam12k
是的，只需从左上角选择设备 ![装置]（https://user-images.githubusercontent.com/167746/33984218-6c93aec0-e0e9-11e7-8065-af4306d6a3fa.png）换个风格。 你也可以添加自定义断点，查看 [API-Device-Manager]（https://github.com/artf/grapesjs/wiki/API-Device-Manager） 页面。
ajaysofto
好的，谢谢你的留言
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我们只能在四面都划边界，如果只能在底部、顶部或左边或右边划边呢？有没有什么属性需要在代码里定义？
artf
看看这个#575
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我正在尝试构建一个基础的Header组件，允许你用一个特质选择H1到H6。但当选择某个选项时，画布不会更新。在代码视图中可以看到这个变化，如果我用拖曳工具移动画布中的元素，标签也会随之改变。我一直在阅读API文档和源代码，但我无法让组件自动重新渲染。我怀疑Grapes并没有监听组件标签名称的变化。在这种情况下，强制重渲染的合适方法是什么？ “''js var comps = 编辑器。主导组件; VAR 块 = 编辑器。BlockManager; var textType = comps.getType（'text'）; var textModel = textType.model; var textView = textType....
artf
@z1lk我已经在下一个版本加了这个功能 “''js 模型 在 init 内部 this.listenTo（this， 'change：tagName'， this.tagUpdated）; // ... tagUpdated（） { const coll = this.collection; cont at = coll.indexOf（this）; coll.remove（this）; coll.add（this， { at }）; }, ```
z1lk
我不确定为什么“el”会是字符串，但请看关闭该问题的提交：https://github.com/artf/grapesjs/commit/e450cb98855d16ad819f1214350825a50e45e910 如果你用的是最新的 Grapes 版本，组件会监听 'tagName' 的更改，并自己做节点替换。所以你应该可以移除你的“init”和“tagUpdated”函数。该特征会更新“tagName”，组件负责其余部分。 编辑： 我还想到：有时传递给 'isCom...
artf
是的，这是因为你不能更改现有DOM元素的标签名。可能的解决办法是在更改“tagName”时，移除并替换该节点（保持在同一位置）
你好， 我正在使用预设的新闻信仓库来调查Grapes.Js，我怎样才能在项目中创建多个并使用多个插件？干杯
artf
@frank-tenzing只是通过“插件”传递它们 “''js Grapesjs.init（{ ... 插件： ['plugin1'， 'plugin2'， ...]， 选项 pluginsOpts： { 'plugin1'： {...}， 'plugin2'： {...}， ... } }); ```
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好@artf， 我们将把这位 grapes 编辑嵌入我们的门户，作为电子邮件编辑。 由于邮件将通过批处理发送给客户，合并标签将被实现，以将模板中的变量替换为客户的实际值，如客户的姓名、年龄、地址。目前，合并标签已硬编码在代码中，采用了 https://github.com/artf/grapesjs/issues/481 的方法。 由于编辑器的最终用户是非技术人员，随着业务的发展，会创建更多带有新变量（合并标签）的模板，我们需要让合并标签可以从面板上的按钮添加，然后将添加的标签保存到配置文件或数据库中。 有没有什么方法可以实现这种要求？ 还有一个问题，能否从JSON/配置文件加载这些块？非常感谢！
hoainam12k
嗨，@frank-Tenzing， 我觉得你应该在服务器端做，而不是在Grapes编辑器里。例如创建一个合并标签管理表单，并用[API-Rich-Text-Editor]（https://github.com/artf/grapesjs/wiki/API-Rich-Text-Editor）发送给Grapes。这样你可以让部分合并标签只对某些模板开放。
artf
我们需要让合并标签可以从面板上的按钮添加，然后把添加的标签保存到配置文件或数据库中 嗯，这得看你自己怎么做。用户通过你的“新合并标签”面板创建标签，并在服务器上更新内容，然后，正如@hoainam12k已经提到的，你只需用RTE API来更新GrapesJS
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我想重新加载Grapes编辑器以获得具体的更改，有没有什么方法可以重新加载Grapes编辑器？
artf
具体变化 什么样的变化？
HarshOB
比如我会明确把代码传给 grapes。我点击编辑器头部的“查看代码”按钮时，拿到了HTML和CSS的代码 grapes 。但编辑器没有看到这些。一旦我刷新页面或重新打开同一页面，编辑器里也看到了结构。
artf
@HarshOB我没完全明白你说的 I pass codes explicitly to grapes 具体是什么意思，但如果你正确使用[Editor API]（https://github.com/artf/grapesjs/wiki/API-Editor），你应该会看到画布更新，比如说。
我也这样做了自定义组件，也用了脚本 “''js bm.add（'test-block'， { 标签：“测试块”， 属性：{ 类别：“FA FA-text” }, 内容：{ 脚本：“console.log（'元素'，这个）”， 内容：“<h1>你好，123</h1>”， 加点样式让组件显眼 风格：{ 宽度：“100px”， 高度：'100px'， “背景色”：“红色”， } } }); ``` 脚本运行正常，但我无法选择组件。还有其他带脚本写内容的方法吗？
artf
改一下 “组件：”<h1>你好123</h1>“，
HarshOB
如果我在创建自定义组件时用脚本，我没有获得特质。特质方面有问题吗？
artf
嗯，你的区块里没有什么特质...... 如果你想用自定义组件，就必须设置“类型” “''js 内容：{ 类型：“你的组件类型”， 脚本：“console.log（'元素'，这个）”， 内容：“<h1>你好，123</h1>”， ```