GrapesJS 问题

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

找到 85 个问题

🔍 help wanted
#14342018年9月17日作者 YashPrince3 个回答
0 个反应

工具栏隐藏文本元素

@artf 请检查你的演示页面文字是否隐藏在工具栏下方。我们如何更新工具栏的位置? ![工具栏问题](https://user-images.githubusercontent.com/40828744/45635311-493daa80-bac2-11e8-9407-eb17dcb8205c.png)

artf

目前该职位是[硬编码](https://github.com/artf/grapesjs/blob/dev/src/commands/view/SelectComponent.js#L519),但我们可以像通过事件扩展RTE工具栏那样扩展(https://github.com/artf/grapesjs/blob/dev/src/richtexteditor/index.js#L237-L239)

artf

https://github.com/artf/grapesjs/pull/1730 关闭

lock[bot]

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

#14102018年9月8日作者 YashPrince3 个回答
1 个反应

拖拽占位符高亮位置

@artf 当我们从顶部设置到容器的边距,并想拖动某个元素时 拖拽占位符的高亮位置似乎不对,因为它也包含了边距,而且显示在顶部 即从哪里给出边距的元素。我怎样才能只在容器内显示拖曳占位标记,而不是外部,这样用户会少一些困惑?任何帮助都将不胜感激。 ![占位错误](https://user-images.githubusercontent.com/40828744/45250836-76b78500-b359-11e8-8074-3369b4463fda.png)

YashPrince

你可以在试玩页面查看。 https://grapesjs.com/demo.html https://vimeo.com/289217284

artf

请制作一个现场演示

artf

关闭了这个问题,因为看起来已经解决了。

#13682018年8月16日作者 shlomoko3 个回答
2 个反应

缩小画布

有没有办法动态调整画布大小?比如不使用设备管理器,而是像面板或组件那样拖拽宽度? 谢谢

jvillena

@artf和@shlomoko,我会一点点解释这个步骤。首先,我需要用Jquery,但你也可以用其他库,或者在GrapesJS引擎里集成。我当时想让它对引擎透明。 1)我在主索引HTML中,除了iframe外,有两个隐藏的div元素,而grapesJS在运行时生成:第一个称为“设备分辨率”的部分显示与该屏幕尺寸兼容的设备分辨率。第二区包含: ——排水沟 ——当排水沟被压时,左右两侧的垂直杆包裹车身 以下代码是所使用的样式表: 2)当用户点击设备屏幕图标时,我显示的是处理程序...

artf

不@shlomoko,画布不能调整尺寸,但我很乐意看到PR的说明(可能用和分镜一样的逻辑)

jvillena

你好@artf,我刚刚实现了一个调整画布条大小,但我不知道有没有办法刷新高亮边框的位置。请看视频:http://recordit.co/jKlppYg2dD GJS 徽章 GJS-工具栏 此致敬礼。

#13562018年8月11日作者 kickbk3 个回答
0 个反应

在资产管理器中添加“插入”按钮

你会如何为资产管理模态添加“插入图片”按钮?目前“添加图片”可能让一些人感到困惑,他们以为那个按钮会把图片插入画布,然后不停点击直到鼠标掉:)

artf

你是不是只是想把“添加图片”改成“插入图片”?

kickbk

@art这里有一个示范图来表达这个想法。不是我用BS来做按钮样式。 所以你点击图片高亮,导入关闭。 目前点击时它已经替换了图片,但模态不会关闭。很难判断发生了什么,而且没有关闭按钮。所以也许我们可以让它更直观一点?可能还有取消按钮? ![示例](https://user-images.githubusercontent.com/31323376/44041024-a48bd932-9ed1-11e8-82dc-2a67bd8f8d4a.jpg)

kickbk

抱歉......并不是想结束这个问题。

#13282018年8月1日作者 jorgecgll2 个回答
0 个反应

画布中的组件重排

我注意到在画布中移动DOM组件时有些不一致。下面gif中的描述,使用网页演示: ![grapesjs_gif](https://user-images.githubusercontent.com/15037357/43487035-99d15e8a-94d2-11e8-979b-97440cc0a45a.gif) 就我而言,当我输出“编辑器”时,我确实看到DOM组件的“移动”被反映出来了。DomComponents.getComponents()'。它们实际上会重新排序,但画布有时不会反映这些动作。

artf

我没时间调试,但我觉得可能是因为组件应用了“float: right”风格导致的

jmrgz

是的,这与浮力权属性有关。实际上,这才是float right属性的真实行为(最后一个HTML元素出现在第一个),所以我看不到简单的解决方案。

#12242018年6月20日作者 peakrams3 个回答
0 个反应

媒体查询与类渲染问题

你好, 我试图做一个响应式布局,但发现设备切换器工作不稳定。这个问题可以在官方演示中复现。 开放 http://grapesjs.com/demo.html 保持“桌面”作为所选设备。 在“标题”顶部添加2个类型为“2列”的块(就在菜单上方)。 选择第一个插入的“行”,并将其填充的左侧设置为100像素。 选择第二个插入的“行”,并将其填充设置为100像素。 切换到设备“平板”。 在选中的“行”中添加“np”类(切换设备后不会取消选择),并将其填充改为10px。 选择第一个“行”,添加该类NP。 渲染后的填充左侧没有更新,是100像素,而我预计它会变成10像素。不妙。 切换到“桌面”,两行的填充左侧都是100像素。很好。 切换到“平...

peakrams

你好。 关于这个问题有没有更新,或者会有更新吗?我刚试着在演示里复现,问题依旧存在。不幸的是,我只懂基础的JavaScript,所以想不出自己解决这个问题的方法。 我不知道这是否和我的问题有关,但检查代码时,文件config.js中设备平板的宽度和移动设备Mobile的withMedia是一样的;这样,通过媒体查询应用到移动景观上的自定义样式,在切换设备到平板时,画布上就不会保留了吗?(我没试过这个,因为设备面板里没有移动景观。) 谢谢。

peakrams

你好, 有人能帮我解决这个问题吗?我刚刚在演示中复现了开头帖子中提供的第二个例子,看起来和上次没什么变化。 谢谢。

artf

@peakrams遗憾的是,没有人参与这项工作

#11782018年6月6日作者 demodesign2 个回答
0 个反应

想替换包装 div

你好,artf, 我想替换封装器 div,例如: 当我们创建新闻通讯模板时,包装 div 已经存在了。在导入模板中,如果 import html 中存在 wrapper div,那么需要用新的替换已有的 wrapper。 这可能吗?以下是我的代码 拖放后,无法编辑@artf

artf

目前没有导入包装器的方法,但我很乐意接受永久居民的申请

padcom

这方面有进展吗?在处理需要上下文的自定义元素时,指定包装组件非常有用,比如需要某些数据“provide()d”的FormKit。

#9122018年2月28日作者 nojacko3 个回答
2 个反应

:HTML 属性/特征未逃逸

当属性加上双引号时,会导致 HTML 变质。https://jsfiddle.net/szLp8h4n/拖入链接块。点击编辑器中的链接进入“组件设置”面板在“title”栏输入“这是”示例“。点击查看代码图标。生成无效的HTML '''html <div class=“c318”>Hello World!!</div> <a title=“这是一个”示例“” class=“c739”>链接</a> ```

artf

谢谢你接住我,詹姆斯 欢迎永久居民

artf

@nojacko我不会在发布前构建文件,所以如果你用的是“dist”里的文件,你还是用旧的

artf

由 https://github.com/artf/grapesjs/pull/939 修复

#8962018年2月23日作者 maxtacco3 个回答
4 个反应

媒体查询规则在画布中被类规则覆盖

你好@artf, 我在用不同设备配置测试一个模板时发现了一个问题,这些配置本应触发媒体查询。我的模板生成的样式如下: “JavaScript [ { “选择者”:[ { “name”:“row”, “label”:“row”, “类型”:1, “active”:true, “private”:false, “protected”:错误 } ], “selectorsAdd”:“, “风格”:{ “display”:table“, “垫头”:“10px”, “padding-right”:“10px”, “垫底”:10px“, “padding-left”:“10px”, “宽度”:100% }, “mediaText”:“, “状...

vrudikov

@artf 创建了[PR](https://github.com/artf/grapesjs/pull/988)

artf

谢谢大家的提醒和精彩的视频@vrudikov,真的很有帮助。我会调查的

vrudikov

所以现在我们有了以下结构: 你想要的是这样的:

#7792018年1月18日作者 Deepak8133 个回答
0 个反应

设置背景色后,任何元素都无法拖拽

你好,@artf, 我们发现,当我们设置任何元素的背景色时,其他元素都无法被拖拽。 这是最新资料库以及新下载的葡萄版本中存在的严重问题。 我用的是最新版本,也就是 /!Grapesjs - 0.13.5 / 谢谢

ryandeba

你好@Deepak813, 我尝试在[demo](http://grapesjs.com/demo.html)(目前使用版本0.13.5)中重现,但一直没能重现。你能在那里测试并提供复现该bug的步骤吗?或者你能创建一个 jsfiddle 来演示这个问题?

Deepak813

你好,@ryandeba, 谢谢你的留言, 请在下方查看复现该漏洞的视频链接: 网址1:https://vimeo.com/251763933 网址2:https://vimeo.com/251784423 在使用选色器时,网站中的任何元素都存在此错误。 我在Chrome和Mozilla浏览器中测试过这个问题。

artf

@Deepak813是的,看起来[colorpicker](https://github.com/artf/grapesjs/blob/dev/src/utils/ColorPicker.js)会破坏绑定在方块上的拖拽事件

浏览所有主题