GrapesJS 问题

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

找到 3,464 个问题

#25362020年1月29日作者 andy-aware3 个回答
3 个反应

背景图内嵌

你好, 看了文档,我找不到任何地方解释我想要做什么。 目前,Grapes 抓取背景图像并放入样式中,但我想把这张图片不添加到背景样式中,而是想把它放到被选中的元素上的数据元素中。 我一直在关注: editor.on('component:styleUpdate', function(e, i){}); 但在这里,我找不到需要针对的正确属性来触发更改,而且当画布新增了物品时,它似乎也不会更新。我可能错了,但我一直在打转。

pouyamiralayi

你好@awaredigital StyleManager 同时针对组件和 CSSRules,所以请按以下方式操作: 干杯!

andy-aware

那太好了。我该如何停止 model.getStyle()['background-image'] 被传入CSS吗?只有背景图。 谢谢

pouyamiralayi

@awaredigital我测试了上面的代码,运行正常。 但对于该错误,您可以在进一步处理前检查“BG”,因为在我们更新组件样式后,可能会再次收到回调,这正是您的情况: 干杯!

#25352020年1月27日作者 eyeamkd3 个回答
2 个反应

File://unpkg.com/grapesjs 网::ERR_FILE_NOT_FOUND

我按照入门指南操作,遇到了这个错误。 CDN链接可以正常,但unpkg链接会给我这个错误。 ![葡萄虫](https://user-images.githubusercontent.com/31094327/73159762-4c609600-410d-11ea-877a-05b35710eaa6.png)

pouyamiralayi

@eyeamkd 确保它是这样: CSS的“https://unpkg.com/grapesjs/dist/css/grapes.min.css” 以及 “https://unpkg.com/grapesjs”代表js 另外,你还可以使用 [Grapesjs CLI](https://github.com/artf/grapesjs-cli),它会在底层帮你完成设置和依赖配置。 干杯!

eyeamkd

好的!!谢谢你@pouyamiralayi

pouyamiralayi

@eyeamkd[gettingstartedguide](https://grapesjs.com/docs/getting-started.html#import-the-library)提供的链接都正常工作! 干杯!

#25342020年1月25日作者 andy-aware1 个回答
0 个反应

更换图片

你好, 我一直在 GrapesJs 上阅读大量资料,了解如何构建组件并将其分配到模块中。但过了一段时间,我觉得用组件并不是正确的做法。 我想替换图片src,并为图片设置data-src,但我只想在存档里做这件事。 我有一个存储管理器,只需通过data['html']将数据传递到文本区域。 Grapes 有没有什么途径可以做到这一点? 谢谢

pouyamiralayi

@awaredigital你可以在 grapesjs[尝试存储组件和 html](https://grapesjs.com/docs/api/editor.html#storages)之前,针对你的具体情况执行文本替换等操作。 ''editor.on('storage:start:store', objToStore => {} )'' 干杯!

#25332020年1月25日作者 nawaz1233 个回答
3 个反应

打开块 UI 组件在已下载(localhost)的 grapejs 仓库中不可见

右上方的“打开方块”UI 组件在已下载(localhost)的 grapejs 仓库中不可见,如截图所示。 ![葡萄本地主持](https://user-images.githubusercontent.com/2770455/73122102-b90b5180-3fa2-11ea-8c05-75754091d563.PNG) 而右上方的UI组件则可在在线演示页面(https://grapesjs.com/demo.html)中看到。 ![演示页葡萄](https://user-images.githubusercontent.com/2770455/73122119-efe16780-3fa2-11ea-9ea4-c45c154...

pouyamiralayi

@nawaz123你可以通过使用 [grapesjs 网页预设](https://github.com/artf/grapesjs-preset-webpage)来获得它们。 干杯!

nawaz123

@pouyamiralayi谢谢,这正是我想要的。

nawaz123

请指导我如何解决这个问题?

#25322020年1月25日作者 nawaz1231 个回答
0 个反应

在 Downloaded(localhost)Grapejs 中,UI 中的开放方块组件不可见

警告 请阅读并遵循接下来的五个步骤,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文,例如:“[虫子]:.......'先快速搜索一下,看看有没有人没开同样的问题不要要求为你创建示例或代码,先阅读文档和API,然后你可以发布你尝试过的(我们希望看到你的代码)以及你无法实现的所有相关陈述/问题都必须填写/回答,否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗(旧版本不支持)?如果不确定,在控制台输入“grapesjs.version”并按回...

nawaz123

界面中的开放块组件在已下载(localhost)Grapejs 中不可见,如截图所示 ![葡萄本地主持](https://user-images.githubusercontent.com/2770455/73121725-ff5eb180-3f9e-11ea-9a82-e8a8193a7507.PNG) 而 UI 中的开放块组件则可见于演示页面(https://grapesjs.com/demo.html) ![演示页葡萄](https://user-images.git...

#25312020年1月24日作者 darkcavalry2 个回答
3 个反应

替换字体超棒图标

你好, 我在项目中使用 Font Awesome 5,有人检查了 Grapejs 之前问的问题,Font Awesome 可能被移除了。 所以,我被替换了一些图标,用面板/块选项来font awesome 5,但我在编辑器里找不到一些图标参数。当我点击元素时,拖曳和移除图标却不显示,我该如何找到那个元素选择器?另外,样式管理器在面板上显示超大加号图标,我该怎么移除它? ![葡萄声](https://user-images.githubusercontent.com/5808540/73094469-b270d180-3ef1-11ea-8b8f-08e90ec94da1.jpg) 当我把Font Awesome改成4时,其他功能都...

artf

关于更改工具栏图标,我建议查看以下问题#1632样式管理器在面板上显示超大加号图标,我该怎么移除? 下次版本会修复,目前请使用这个[临时修复](https://github.com/artf/grapesjs/issues/2490#issuecomment-573441236)

pouyamiralayi

你好@darkcavalry你见过这个[PR](https://github.com/artf/grapesjs/pull/2240)吗? 干杯!

#25302020年1月24日作者 alemenciones2 个回答
1 个反应

如何从可选子节点拖拽父组件

我有一个组件类型“table”,我发现移动这个表格,拖拽她的内部组件(可选组件/可样式化)(TH、TD、......)这有可能吗?非常感谢

alemenciones

谢谢兄弟,不过我正想找类似的东西(只是绝对模式)。 editor.on(“run:tlb-move:before”, (targetCollection) => { Obtengo referencias al componente seleccionado var target = targetCollection.target; var el = target.view.el; Verifico si tengo un componente padre que me i...

pouyamiralayi

@alemenciones 通过箭头图标选择父权: ![箭头](https://user-images.githubusercontent.com/53266765/73119530-72a0fd00-3f78-11ea-82cf-9c6d4677e69c.png) 然后像下面那样拖动父级: ![加](https://user-images.githubusercontent.com/53266765/73119566-12f72180-3f79-11ea-89a5-640...

#25292020年1月24日作者 vellmur2 个回答
1 个反应

如果先移除 gjs-cell 组件,就无法选择/移除/编辑 gjs-row 组件。

在单独移除 gjs-cell 后,无法选择/选择/删除 gjs-row。没有单元格的行存在于封装器中,但无法高亮和选择。 示例: <img src=“https://raw.githubusercontent.com/VelMrnk/Images/master/ezgif.com-video-to-gif-3.gif”></img>

vellmur

你好@VelMrnk这不是个bug,因为这行是空的,没有自己的高度,你看不到它(确实还能从图层中选择)。如果你想改变这种行为,只需更新组件CSS(例如使用'min-height'或':empty'伪类)。 你好,@artf,谢谢回复。你说得对,这是CSS的问题,因为高度不存在。而且,添加最小高度对Firefox浏览器也没什么帮助。这是因为“display:table”规则。 于是我添加了CSS代码: '.gjs-row:empty { 最小高度:60像素; 显示:方块 ;}...

artf

你好@VelMrnk这不是bug,因为那行是空的,没有自己的高度,你看不到它(确实还能从图层中选择)。如果你想改变这种行为,只需更新组件CSS(例如使用'min-height'或':empty'伪类)。

#25282020年1月24日作者 mtasic-realware1 个回答
0 个反应

图层移动事件?

当图层移动时,有可用的事件会触发吗? ![图片](https://user-images.githubusercontent.com/55843134/73080303-e7672f00-3ec5-11ea-95ce-c30dada68271.png) 我尝试过分拣器(sorter:drag:start)、block:drag:start ......什么都没发生 我发现有个事件叫 startSort,但我没法正确设置。我在 angularjs 上用 grapesjs,添加像这样的事件 grapesEditor.on('sorter:drag:start', function (drag, drop) {

artf

https://github.com/artf/grapesjs/issues/2500#issuecomment-576463783

#25272020年1月24日作者 csb3461 个回答
3 个反应

基于链接块的自定义组件,带有默认的 href

嗨! 我在Laravel项目上有一个GrapesJS集成,页面上直接有自定义组件(每个方块都应该是内容的块链接)。到目前为止,我就是这样复制了 block link 组件 到目前为止一切顺利。但我需要每个组件默认都有自己的href定义。无论是否可编辑。 大致是这样的: 'href: 'http://url.com/content/{{ $content->id }}', 找不到解决办法。有什么建议吗? 谢谢

pouyamiralayi

@csb346你可以定义一个新的[自定义组件类型](https://grapesjs.com/docs/modules/Components.html#define-custom-component-type): 然后在方块内使用: 只要记住,你必须在 [plugin](https://grapesjs.com/docs/modules/Plugins.html#basic-plugin) 里定义你的自定义组件类型。 干杯!

浏览所有主题