GrapesJS 问题

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

找到 3,464 个问题

#24302019年11月27日作者 Indhumathi20161 个回答
0 个反应

当按下 cmd + z 时,无法启用 & 我们能否完全禁用编辑器中的 cmd + z?

你好, 我无法在任何地方追踪按了 cmd + z 的位置,因为我想在撤销更改时执行某些操作,我用撤销管理器点击撤销按钮时做到了,但 cmd + z 就做不到,有没有办法做到? 或者我只是想限制 ctrl + z 选项,因为在编辑器里有撤销按钮,这可能吗? 谢谢

artf

你可以用 [Keymaps API](https://grapesjs.com/docs/api/keymaps.html)跟踪[撤销/重做](https://grapesjs.com/docs/api/editor.html#general)事件和管理快捷方式(例如,像你这样移除默认的)。

#24282019年11月25日作者 aarangara1 个回答
0 个反应

:使用webpack时字体无法加载——grapesjs试图加载具有相对路径的字体

我正在尝试在一个简单的HTML文件中加载Grapesjs编辑器,但它无法加载Grapesjs自身的图标或fontawesome图标。 我查阅了这两个问题 [#2320](https://github.com/artf/grapesjs/issues/2320)和 [#1474](https://github.com/artf/grapesjs/issues/1474),但它们并没有帮我解决问题,所以我才提出来。 下面是我的源脚本(“demo.js”),然后被webpack用来打包成“bundle.js” 我的webpack配置如下: 我看到当我运行webpack捆绑所有内容时,它会生成“bundle.js”“字体文件,同时输出主图...

artf

,也就是说HTML文件在/public/editor/demo.html,webpack输出的文件是/public/js/(bundle.js和字体文件)——所以如果我把字体文件复制到/public/editor/fonts/,就能正常工作。 我觉得从这句话来看很明显,问题出在webpack放置字体的位置(可能你只需要正确配置'file-loader')。

#24272019年11月25日作者 senchden1 个回答
0 个反应

添加工具栏重绘功能

如果选中的模型工具栏是动态更改的(添加按钮、移除按钮等),除非整个组件重新绘制,否则变化不会在视觉上被反映出来。我觉得如果能有可视化(自动或手动)显示工具栏属性变化的功能会很好。

artf

关闭时工具栏已经更新 “''js const selected = editor.getSelected(); Selected.set('toolbar', selected.get('toolbar').splice(1)) ```

#24262019年11月25日作者 Hovius2 个回答
3 个反应

如何用新的编辑器配置处理旧组件(JSON)?

你好,@artf, 我有一个关于葡萄编辑器的问题,文档里找不到,希望你能给出答案。 基础配置: 所有组件的配置都用初始化来设置 'this.editor = grapesjs.init(defaultConfiguration);' 之前保存的json中的组件是通过setComponents()添加的。 'this.editor.setComponents(templateComponents)' 问题所在: 我有一个自定义组件,想从中更新配置。就我而言,我想把可样式性质更新为false。 所以我更改了组件配置,现在当我向画布添加新组件时,它会带有可样式的false属性。那很好。 但其他用 setComponents 设置的组件,...

artf

编辑器能在不手动添加新组件的情况下,直接识别新的组件配置吗? 其实不完全是,如果你以一种方式存储组件定义,编辑器会加载该定义。 我唯一能建议的是使用“avoidDefaults”(从v0.15.5起默认为“true”)。这样可以避免存储所有默认组件属性,避免这些情况

Hovius

谢谢你的回复! 我打算用“avoidDefaults: true”来实现:)

#24252019年11月25日作者 Ramkumar-Murugesan1 个回答
1 个反应

自定义特征无法在远程存储管理器中保存

我从默认输入的特性中添加了更多特质。但这些特征并未保存在 Grapesjs JSON 元数据中。 上面是我在 Grapesjs 初始化函数中的存储配置。 ![图片](https://user-images.githubusercontent.com/33427536/69521323-b2e9fc00-0f84-11ea-99dd-25489b7ee25b.png) 上图显示我有自定义的特征,称为entity及其字段,保存后返回后这些特征并未显示,尽管名称值也未显示在特征名称输入框中,如下图所示: ![图片](https://user-images.githubusercontent.com/33427536/69521445-f...

artf

我从默认输入的特质中添加了更多特质。但这些特征并未保存在 Grapesjs JSON 元数据中 特征不应该被存储,不是组件的扩展,而只是更新组件的道具/属性。问题很可能是因为你没有遵守[第一条规则](https://grapesjs.com/docs/modules/Components.html#define-custom-component-type)

#24242019年11月25日作者 logeshkrishna03 个回答
1 个反应

通过<P>关闭现有<p>标签,点击回车键来创建新标签

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

logeshkrishna0

@artf这不是例外的解决方案

logeshkrishna0

按照正常行为,虽然我们使用ENTER键,但p标签内面使用form和div标签,p标签是正常的。 ![截图,2019-11-25 12-01-29](https://user-images.githubusercontent.com/52228872/69517726-8b426600-0f7b-11ea-909c-39754f87e68d.png) 上面的图片就是这样...... 但是!!! 这里想用P标签代替div标签,而且现在的P标签应该关闭。 预期的情景是“现有的p标...

logeshkrishna0

@artf你能帮我解答吗

#24232019年11月23日作者 MartinPutz2 个回答
0 个反应

在绝对拖拽模式下,如果应用缩放,组件不会正确下落

如果将拖曳模式设置为绝对且画布上有放大值,组件不会被放置在准确位置。 GrapesJS 版本:0.15.8 该问题也可以在演示中重现: [https://jsfiddle.net/y8m1x4a3/](https://jsfiddle.net/y8m1x4a3/) 预期行为: 即使拖曳模式设置为绝对并对画布进行缩放,组件仍可降至光标位置。 当前行为: 当拖拽模式为绝对且有缩放值时,分量会从光标位置远离。(距离/偏移取决于缩放级别) 繁殖步骤:打开上方的 jsfiddle(带编辑器。Canvas.setZoom(50))尝试添加新的文本组件检查光标位置与元件位置之间的距离。 距离/偏移取决于变焦值。 编辑。Canvas.setZoo...

artf

应该会在这个分支里修正 https://github.com/artf/grapesjs/tree/multi-frame 多帧技术离完成还很远,但我希望尽快合并那个分支(大画布重构但不破坏性变动),肯定不是这次版本(应该今天发布),但很可能在下一个版本。

artf

我关闭这个问题,因为我计划在这里解决所有与绝对位置有关的问题:https://github.com/artf/grapesjs/issues/3770

#24222019年11月23日作者 MartinPutz3 个回答
2 个反应

如果在画布上应用了缩放,无法添加“空格”字符

如果在画布上应用了缩放值,无法正确编辑文本组件。 GrapesJS 版本:0.15.8 该问题也可以在演示中重现: [https://jsfiddle.net/1n9ruwa4/](https://jsfiddle.net/1n9ruwa4/) 预期行为: 缩放是通过编辑器在画布上应用的。Canvas.setZoom() 文本组件仍可编辑并添加“空格”(Keycode:32)字符 当前行为: 缩放是通过编辑器在画布上应用的。Canvas.setZoom() 虽然可以添加或编辑其他字符,但你无法添加新的“空格”字符,因为如果应用了缩放,空格字符还会被用来“重新定位”画布。 抓取光标的样式显示了,你可以通过“空格+拖拽”来拖动画布 繁...

mattdeigh

啊,我现在明白了。代码没完全跟踪。我会试试这个,然后告诉你我有什么结果。

Sphenox

我写这个问题,因为如果你专注于“或”'',你不能添加“空格<a><button>”。如果你加上链接:https://jsfiddle.net/1n9ruwa4/,演示中是可复现的 原因是画布上的“notTextable”配置。 “''js notTextable: ['button', 'a', 'input[type=复选框]', 'input[type=radio]'] ``` 我不明白为什么“button”和“a”会在这个数组里,因为RTE也适用于这些元素。但你可能比...

artf

谢谢@MartinPutz好发现

#24212019年11月20日作者 brentonkelly19822 个回答
1 个反应

数字特征类型为元素添加属性

工作示例:https://codepen.io/brenton-kelly/pen/wvvOgLN 关于最新版本: https://unpkg.com/grapesjs https://unpkg.com/grapesjs/dist/css/grapes.min.css 我创建了一个网格组件,用户通过特质管理器设置列数和排水沟。当我用“number”类型表示特征时,我的“updateModel”方法从未从监听器中触发,而是将特征作为属性添加到画布DOM中的csGrid元素中。当我把特征类型改成“文本”时,只有我的方法按预期被调用。

artf

你忘了特质里的“changeProp: 1”

brentonkelly1982

谢谢!

#24202019年11月20日作者 prestonkscott暂无回答
0 个反应

:在 Iron Edges 中取消块拖动会导致画布功能受损。

我在本地和GrapesJS演示中使用Internet Explorer时都遇到了这个问题。 如果你在画布上拖动一个方块,然后试图通过拖回起始容器或按Esc键来取消拖拽,画布上仍然会添加一个新组件,画布高亮和工具栏就会停止工作。 拖动另一个方块到画布上而不取消,功能会恢复。 预期行为: 在将文本块拖曳到画布上后,按下 Esc 键或返回块菜单不应向编辑器添加组件。 实际行为: 在将文本块拖曳到画布上后,按下 Sc 键或返回块到块菜单,编辑器中会添加一个文本组件,组件高亮和工具栏将不再显示。 繁殖步骤: 在Internet Explorer 11中打开GrapesJS HTML演示。 点击文本块,将其拖到默认的头部部分上。 不松开鼠标,...

浏览所有主题