GrapesJS 问题

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

找到 3,464 个问题

#12442018年6月28日作者 kuldeepcis2 个回答
0 个反应

关于使用 grapesjs 社交插件的冲突

你好@artf 我用的是Grapesjs和Grapesjs的社交插件,使用这个插件后系统里产生了一些冲突。 社交插件选项通过babbar显示,同时更改标签表的设计。 ![1530183577657-1686932218](https://user-images.githubusercontent.com/16045467/42030470-83baef72-7af0-11e8-8b61-31d871e00d62.jpg) 请检查fiddle上的代码;: [点击这里查看](https://jsfiddle.net/5neqrt0o/6)

artf

错误的仓库

lock[bot]

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

#12422018年6月27日作者 saravanan-palani3 个回答
0 个反应

:json 转 HTML 解析

是否支持JSON转HTML渲染,以便我们能够控制新闻通讯或网页中发布的内容?而不是直接在编辑器里渲染 HTML。

Jogai

你可以把所有独立的内容放进 blockmanager,这样就可以拖入模板。

artf

代替 “''js blockManager.add('new-block', { 标签:“我的标签”, 内容: '<section data-attr=“some-value”><h1>Hello!<h1></section>', })

lock[bot]

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

#12412018年6月26日作者 SalesFeed3 个回答
0 个反应

:新风格未反映在面板中

你好, 在我的项目中,我用自己的方式替换了AssetManager。 但是,当我用新管理器更新组件的背景图像时,背景图像显示了,但新状态没有反映在面板上。 基本上我的问题是:我该如何检测用户正在编辑的属性或属性?又该如何在小组中反映新的状态? 此致, 理查德

artf

首先,我建议避免在选中的组件 'editor.getSelected()' 上应用样式,你应该在 'opts.target' 上应用,因为它可能和选中的 'editor.runCommand('open-assets', { target: someOtherComponet })' 不同。我如何检测用户正在编辑的属性或属性? 利用 https://github.com/artf/grapesjs/wiki/API-Editor#available-events如何反映新状...

no-response[bot]

由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。

SalesFeed

@artf 谢谢,我按照你的建议做了,但我就是无法让它工作。 opts.target 没有 addStyle 方法 而且编辑器似乎在CSS里生成了一个额外的ID,所以会有重复的ID。 我设置了 avoidInlineStyle: true,但似乎没什么帮助

#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]

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

浏览所有主题