GrapesJS 问题

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

找到 85 个问题

🔍 help wanted
#22892019年9月25日作者 JCKodel3 个回答
3 个反应

允许导入JavaScript模块

使用 Ionic StencilJS 时,组件通过新模块支持导入: 在“{canvas: scripts: []}' 中,我只能通过外部脚本的 URL 加载。 为了解决这种情况,我们可以导入模块如下: 画布内的最终结果为: 请注意,当我们想在“'标签中使用完整性或交叉起源时,当然插入<script>URL字符串依然可以正常使用。

artf

很好,我喜欢,想做一个PR的朋友,更新代码在这里: https://github.com/artf/grapesjs/blob/aee18dcf0602e5d56e7670deb8d4ffbf31c73008/src/canvas/view/CanvasView.js#L140-L161

devtechk

你好,我可以从你的代码开始,不在 html 文件里,而是在一个分开的 js 文件里 init grapesjs 吗? 谢谢你

rywilson28

@artf看起来这个功能已经实现了。 有一个小问题,类型默认会变成“text/javascript”。 对于 HTML 5 应该省略,但如果有也不会造成任何问题。 这个问题应该被关闭吗?

#22072019年8月20日作者 niisar3 个回答
0 个反应

:如果在顶部/左侧有空位,Mode Absolute 无法拖动组件

给定以下代码示例...... “'' HTML <div style=“height: 100px;”> 顶部或左侧有空隙 </div> <div id=“gjs”> <p style=“填充:25px”> 赫斯德洛世界!!</p> </div> 导致无法通过面板上的拖曳图标拖放元素来修正位置。 ![图片](https://user-images.githubusercontent.com/6368685/63374396-57b5d580-c3a7-11e9-9628-9d2943857f76.png) 请参见Fiddle演示...... https://jsfiddle.net/niisar/zc51gtnv/

pouyamiralayi

这只是拖拽图标的,对吧?手动拖拽没问题。 使用拖曳图标,它会从顶部重置元素的位置,看起来就是这样。

niisar

这只是拖曳图标的,对吧?手动拖拽没问题。使用拖曳图标,它会像看起来一样重置元素的位置。 是的,这只适用于拖曳图标。

artf

是的,问题在于根据上下文的不同事件对象。当你触发对组件本身的拖拽时,事件在iframe的上下文中(因为点击的元素在iframe中),但组件的按钮在iframe之外,所以事件的上下文是原始的“窗口”。

#21962019年8月15日作者 devgru3 个回答
3 个反应

链接元素选择中没有工具栏

复现步骤:添加文本,选择单词,点击RTE面板中的链接图标,选择链接。 预期行为:当我选择链接时,我期望它会显示工具栏(带有“选择父”按钮)和它的徽章。 实际行为:如果链接是启动HTML格式,链接已被正确初始化,选择链接会同时显示徽章和工具栏。否则,如果链接是通过选择RTE按钮创建的,只显示徽章。

simplecommerce

@Abhisheknanda1344463你好@artf @simplecommerce @devgru有什么最新进展吗?有没有办法手动修复这个问题?谢谢 我不确定这对你是否有效,但这是我用来规避的方法。

Abhisheknanda1344463

@simplecommerce 谢谢你,伙计。 成功了。 谢谢

artf

关闭了问题,因为似乎已经修复了。

#21892019年8月12日作者 rahuloftheramaneffect3 个回答
2 个反应

如何在RTE/自定义块中添加“有序/无序列表”选项

嗨 我正在尝试用葡萄制作一个有序列表。我尝试在RTE中添加以下内容: 如果我的页面在编辑器初始化时预先填充了 html,这个方法就适用,比如下面: 预填充编辑器: ![1](https://user-images.githubusercontent.com/9363958/62880720-a92ce780-bd4b-11e9-92b7-8ef2a802790c.png) 创建有序列表: ![2](https://user-images.githubusercontent.com/9363958/62880738-b4801300-bd4b-11e9-8b8c-5bf97decf68a.png) 但如果我把新块放进画布,然后按有序...

thomas1204

根据上面的评论,我现在可以添加有序和无序的列表了。有没有办法更新现有的有序和无序列表? @artf @rahuloftheramaneffect

artf

你能做一个可复现的演示吗?没有栈迹的错误是没用的(可选地)我们可以用Tab键缩进列表? 你绝对应该自己做,或者依赖像CKEditor这样的工具来获得更高级的文本使用体验

rahuloftheramaneffect

嘿!谢谢你这么快回复。你能做一个可复现的演示吗?没有栈迹的错误是没用的 这里有一个压缩包,里面是我编辑页面的简化版。 [Demo.zip](https://github.com/artf/grapesjs/files/3497128/Demo.zip) 它包含了大量CSS和js文件。上述RTE功能属于editor_rte.js。 繁殖步骤:开放 index.html(包含初始化编辑器、部分预先文本和少量块)。双击已有文本以查看RTE工具栏。使用右侧的列表按钮验证创建列表和缩...

#21852019年8月7日作者 vegadesign1 个回答
1 个反应

用SVG图标代替PNG

你好。 应用程序中有一些PNG图标:flex-just-start.pngflex-al-end.pngflex-just-sp-bet.pngflex-dir-col.pngflex-just-sp-ar.pngflex-al-start.pngflex-dir-row.pngflex-just-end.pngflex-just-sp-cent.pngflex-dir-col-rev.pngflex-al-str.pngflex-al-center.pngflex-dir-row-rev.png 我也做过类似的,但用SVG格式。请参见[附加文件夹](https://drive.google.com/open?id=189-erU...

artf

哇,非常感谢@vegadesign非常感激。我们实际上只在演示([gh-pages](https://github.com/artf/grapesjs/tree/gh-pages)分支)中使用这些,链接如下: https://github.com/artf/grapesjs/blob/be39c6baf55f4e644b6bc8bbdd71ead71723dd6b/demo.html#L53-L91 我会尽快更换,但如果你能自己创造个人纪录,那将非常感激

#21482019年7月18日作者 makkaronis4e3 个回答
0 个反应

IE11(无法获得未定义的属性“样式”)

嗨!我刚遇到同样的问题:https://github.com/artf/grapesjs/issues/1295#issuecomment-410046832 点击其中一个按钮 ![图片](https://user-images.githubusercontent.com/33792090/61413961-741ca900-a8f5-11e9-92b5-41328b9c5ddc.png) 'this.getPropertiesEl().style.display=“none”' 无法获得未定义或空引用的属性“样式” 有人解决了吗?

zgeist

我也有同样的问题 我该怎么解决?

senchden

我可以确认,在网页演示 v0.15.8 中,无法为元素设置样式。IE11 在尝试通过样式管理器设置样式时,打印到控制台:

Alkotronikk

我的问题出在 [ParentNode.children](https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/children),我没有用多边填充。

#20802019年6月17日作者 Aamir37532 个回答
0 个反应

音频标签不可选择或编辑

如何让音频组件像其他组件(图片)一样正确工作(可选择、可编辑)。

artf

好问题,“音频”元素相当特殊,肯定需要自定义组件,可能遵循[ComponentVideo](https://github.com/artf/grapesjs/blob/dev/src/domcomponents/model/ComponentVideo.js)(及其自定义[view](https://github.com/artf/grapesjs/blob/dev/src/domcomponents/view/ComponentVideoView.js)) 当然你可以自己...

mohd7469

@artf你能给出一个简单的片段,展示一个正常工作的音频元素演示吗?因为我试着为音频元素定义自定义组件类型,但似乎不行,而且要么无法选择,要么无法编辑

#20682019年6月6日作者 ssabrewolf3 个回答
0 个反应

GrapesJs 渐变插件不再工作了

你好,GrapesJs团队 更新Grapesjs版本14.0.59后,我发现渐变插件停止工作, 我也查看了渐变演示页面,发现这里也有同样的行为 https://codepen.io/artf/pen/bYwdQG 提前感谢大家

ssabrewolf

你好@artf我注意到你添加了“招聘”标签,我可以试试,但你能给点建议或假设吗?为什么不从零开始,不知道为什么?我当然问,因为你似乎是渐变插件的作者,如果不是,请忽略这条消息

artf

@ssabrewolf是的,我是渐变插件的作者,但说实话我完全不知道发生了什么,肯定是风格管理器模块更新后出现了回归。我能说的是,用v0.14.50运行得很好

alikabeer32

这很荒谬,但我发现如果你输入“decoration”而不是“Decoration”,插件就能正常工作!演示和我的代码里都有。

#20442019年5月29日作者 eduardonunesp3 个回答
1 个反应

本地服务器上的 NPM 开始开发失败了

按照 README 上描述的 'dev' 分支启动本地服务器的步骤,在控制台上能用,但在 Chrome 上失败,Grapesjs 也无法加载,因为以下错误 ![图片](https://user-images.githubusercontent.com/582516/58523839-48eec680-819c-11e9-8c3f-4fbbd7d0a012.png)

artf

我快速查了一下,原因似乎是最新的[email protected],我没时间调查,所以就冻结当前使用的版本

artf

奇怪,以前从没见过。可能是某个小版本中开发依赖的变化。试着用完全相同的依赖版本重新安装node_modules

verdverm

我在跟随开发者设置时遇到了一些问题: 可能是捆绑器的问题? 我能在“index.html”文件里把“grapes.min.js”里的“最小”去掉,这样就能正常工作了。但是,如果我构建“grapes.js”输出,这个错误又会出现。

#20262019年5月21日作者 alikabeer322 个回答
1 个反应

风格管理器 CSS 函数(例如:旋转(90度))只接受一个参数

我想为 css 函数 translate(x,y) 提供一个选项,但 addProperty 参数 functionName 只接受一个参数作为输入。我试过用 translateX() 和 translateY(),但它们不能同时工作。如果有人能告诉我其他方法能达到想要的效果,我将不胜感激。

adamyarger

@alikabeer32我之前遇到过同样的问题,你需要为translateY和translateX设置默认值,因为CSS中的变换属性在translateX和translateY之间是共享的。 例如,Grapes 输出 'transform: translateY(40px) translateX(0);' 这里有一个示例,说明在构建葡萄时可以通过“styleManager”属性传递它。

alikabeer32

是的!这是完美的解决方案。谢谢!

浏览所有主题