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

你好,亚瑟和各位撰稿人!我正在基于已有的 grapesjs-plugin-ckeditor 创建一个用于 grapesjs 中使用 CKEditor 5 的插件。我无法让它成功。使用编辑器时,有些样式无法使用,点击几次后,ckeditor 5 会回复后续错误信息: “未捕获的Xa:视图-渲染器-填充器丢失:内联填充节点丢失。阅读更多:https://docs.ckeditor.com/ckeditor5/latest/framework/guides/support/error” 我正确按照ckeditor 5文档的指南操作,并依赖了grapesjs-plugin-ckeditor。我不知道是我没有严格按照“替换富文本编辑器”页面...

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”,元素会消失。 请告诉我们如何将葡萄所有元素的“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]

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

浏览所有主题