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

GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#12402018年6月26日作者 Abhisheknanda13444633 个回答
0 个反应
已过时

#UI - 平板模式下分拣

你好@artf在 Safari 浏览器中，当我们在桌面模式拖动任何元素时，UI 会被分错，然后切换到平板模式，屏幕上会出现垂直线条，你可以看到我附上的截图。请告诉我怎么解决这个问题，提前感谢@artf ![截图 2018-06-26 下午5：29：43]（https://user-images.githubusercontent.com/20657737/41910415-349f5e12-7967-11e8-8749-0dc5d1b507b9.png）

ronaldaug

@Abhisheknanda1344463 在Safari 11.1.1版本上测试 这里什么都没发生。 <img width=“1154” alt=“截图 2018-06-28 下午3点58分” src=“https://user-images.githubusercontent.com/33022876/42025995-ffbb0eae-7aeb-11e8-8055-18026c65993e.png”>

Abhisheknanda1344463

@ronaldaug 请反复切换预览模式，比如手机切换到桌面，手机切换到标签页，然后有时会显示，如果发现任何异常请告诉我。提前感谢@ronaldaug

ronaldaug

没有@Abhisheknanda1344463， 我多次添加方块并更改预览模式。 我甚至试过用 Safari 侧边栏作为你的第一张截图。 没有出现扭曲的线条。 能提供你的操作系统版本和浏览器版本吗？ 很可能，错误来自你的设备或浏览器。

查看详情
#12392018年6月26日作者 Deepak8132 个回答
0 个反应
已过时

如何让设置文本多语言化

你好，@artf， 我们已经用下面的代码如标题设置、列设置等，将每个元素的设置与元素名称进行了整合...... / 头条设定 / { 名称：“头条设定”， 开启：真， buildProps： ['背景色'， '颜色'， '文本对齐'， '字体族'， '字体粗细'， '字体大小'， '字距间距'， '行高'， '宽度'， '边距-顶部'， '边框-左'， '填充-顶部'， '填充-左'， '填充-右'， '填充-底部']， 性质：[ { 名称：“文本对齐”， 属性：“文本对齐”， 类型：“无线电”， 默认：'中心'， 列表：[ { value ： 'left'， name ： 'Left'， className： 'fa fa-al...

artf

你只需要设置已经翻译好的字符串 “''js 名称：i18N[locale]['headlineSettings']， ```

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情
#12382018年6月26日作者 Abhisheknanda13444633 个回答
0 个反应
已过时

#ISSUE：编辑器在SAFARI浏览器中无法加载

你好@artf我遇到问题，我用的是 Safari 浏览器，Grapesjs 在 Safari 浏览器里加载不了，控制台里除了 3 4 个警告外没有错误，提前感谢大家。

ivanezeigbo

@Abhisheknanda1344463这个[链接]（https://blog.webnersolutions.com/grapejs-not-working-in-safari-and-local-storage-problem）可能会有帮助。

Abhisheknanda1344463

@ivanezeigbo 谢谢你的建议，兄弟，问题出在Safari的版本，我更新到11.1.1了，现在能正常运行:)

artf

下次@Abhisheknanda1344463遵循期刊模板不要用大写写如果问题解决了，就关闭

查看详情
#12372018年6月26日作者 ionic6663 个回答
0 个反应
已过时

在你拖拽图片之前，assetManager里什么都没有

![qq20180626-104503]（https://user-images.githubusercontent.com/36065691/41886286-4fb16508-792e-11e8-9703-d714cba49163.png） 而且我不知道怎么设置背景图片

ronaldaug

@ionic666你可以阅读资产API文档[这里]（https://github.com/artf/grapesjs/wiki/API-Asset-Manager ) 你的资产管理公司里没有任何形象。 看起来你还没添加。 你可以这样补充......

ionic666

@ronaldaug ![蒂姆20180628171659]（https://user-images.githubusercontent.com/36065691/42025436-22b755b0-7af7-11e8-92e0-18d2a43fb659.png） 我做过，但我的意思是如果我没拖动图片组件，就不能为其他组件设置背景图。 官方演示版也未发布

ronaldaug

也许你没有把组件 type 添加为 image。一定要加上去。 你也可以双击图片触发资源图片框。 你能通过CodePen或jsfiddle分享你的代码吗？ 你是指[这个官方演示]（https://grapesjs.com/demo.html）吗？ 我看到Flex是新的黑色部分下的图片无法使用。这是因为图片是通过CSS代码添加的。

查看详情
#12362018年6月25日作者 gabrigcl3 个回答
2 个反应
已过时

我无法在 Grapesjs 上使用 ckeditor 5

你好，Arthur 和各位贡献者！我正在基于已有的 grapesjs-plugin-ckeditor 创建一个用于 grapesjs中使用 CKEditor 5 的插件。但我无法让它运行。使用编辑器时，有些样式无法使用，经过几次 clik 后，ckeditor 5 会回复后续错误信息： “未捕获的Xa：view-renderer-filler-was-loss：内联填充节点丢失。阅读更多：https://docs.ckeditor.com/ckeditor5/latest/framework/guides/support/error” 我正确地按照ckeditor 5文档的指南操作，并且依赖grapesjs-plugin-cked...

FrciSmrci

嘿，@jvillena，@gabrigcl我成功研究了这个问题，并创建了一个 ckeditor 内联版本 5 的 [build]（https://drive.google.com/open?id=11qchShLMl8ye8BzVQ9yxDRKfR_I2zryh），在那里错误不再发生（修复尚未发布）。不过，在尝试为所选元素进行样式时，会有一些新的/其他问题。我会去研究这些错误，但如果你比我先找到解决方案，分享你的发现会很棒。

artf

这可能严格来说是关于CKEditor 5，而不是GrapesJS。我建议你开始问问为什么会出现这个错误。目前没有理由继续悬而未决

jvillena

你好@gabrigcl， 你找到用 ckeditor5 在 Grapesjs 上用的解决方案了吗？

查看详情
#12352018年6月25日作者 NorthstarTech2 个回答
0 个反应
已过时

我们从MSWord复制时，排版部分的行高无法正常工作

当我们从Word复制文本，然后从排版中更改行高时，它并没有改变它。我如何更改从Word或PDF复制的文本的行高？ 这个问题在演示版中也会出现。请帮帮我，尽快给我解决方案。 谢谢 ![2018-06-25_16-00-52]（https://user-images.githubusercontent.com/33541046/41846723-1228194a-7891-11e8-9282-1c3ca099aaf5.png）

artf

你必须粘贴纯文本，而不是从Word复制的格式化文本，使用<kbd>Ctrl</kbd> + <kbd>⇧（shift）</kbd>+ <kbd>V</kbd>

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情
#12342018年6月25日作者 ivanezeigbo3 个回答
0 个反应
无效问题已过时

GrapesJS 模板问题

有些模板加载不好。非常简单的模板确实能正常加载，但似乎函数和CSS更多的模板存在问题。例如，加载像[这样]（http://webbuild.jenezys.com/templates/freetemplates/aerial/index.html）这样的模板会带来一些问题。首先，字母的动画淡入不会出现。一旦进入 #gjs div标签，模板就会卡在初始加载阶段，即使用了allowScripts也无法完全加载。而且它只有两个cs文件和一个简单的js代码。如果文本和图标偶然加载，鼠标悬停在它们上会再次消失，因为它们附带了悬停功能。你也可以看看[这个另一个模板]（http://webbuild.jenezys.com/templates/...

ivanezeigbo

@artf我不明白。你把这个标记为无效。

artf

请遵循议题模板，并且每个议题只写一个问题/问题/错误

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情
#12332018年6月25日作者 JPPreusDev3 个回答
0 个反应
已过时

如何使用JavaScript获取HTML代码

我想用JavaScript获取已创建的HTML文档内容，这样我可以通过表单提交。我该如何选择HTML内容？

cjpollard

https://github.com/artf/grapesjs/wiki/API-Editor#gethtml

ivanezeigbo

这两行代码给你 html 和 css var HTML = editor.getHtml（）; var Css = editor.getCss（）;

JPPreusDev

太好了！谢谢。

查看详情
#12322018年6月25日作者 Deepak8132 个回答
0 个反应
无效问题已过时

如何将切缘从px改为rem

你好，@artf， 希望你一切安好。 我用下面的代码将其中一个元素的边距设置从“px”改成了“rem”： { 性质：“margin-top”， 名称：“顶层边缘”， 单位：['rem']， 类型：“整数”， } 但当我在保存后重新分配相同的边际设置到元素时，边际会乘以16倍的PX，也就是说“REM”被转换成“PX”，元素会消失。 请告诉我们如何将 grapesJs所有元素中的“px”设置改为“REM”设置。 希望能收到积极的反馈。 谢谢你，Artf。

artf

请@Deepak813......按照问题模板，提供演示和复现步骤

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情
#12312018年6月25日作者 ivanezeigbo2 个回答
0 个反应
已过时

GrapesJs 忽略<script>模板标签（更新）

当我在<div id=“gjs”>标签中加入模板</div>时，看起来GrapesJs会忽略<script>标签，但其他标签喜欢<link>的效果还不错。脚本标签中的JavaScript函数因此无法在编辑器上工作。我的代码设计成读取文件，并定位任何模板中任何 src 或 href 的链接，无论设计如何，所以我不能手动添加脚本标签，因为无论模板的文件夹和目录如何排列，脚本都必须是通用的。请帮帮我。我怎样才能让 #gjs 接受我的<script></script>标签，而不是把标签剥掉？标签也@artf。谢谢！

ivanezeigbo

我猜到了。抱歉。对于可能受益的人，你需要在初始化中将 allowScript 设置为“1”。

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

浏览所有主题