PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
你好， 我无法在任何地方追踪按了 cmd + z 的位置，因为我想在撤销更改时执行某些操作，我用撤销管理器点击撤销按钮时做到了，但 cmd + z 就做不到，有没有办法做到？ 或者我只是想限制 ctrl + z 选项，因为在编辑器里有撤销按钮，这可能吗？ 谢谢
artf
你可以用 [Keymaps API]（https://grapesjs.com/docs/api/keymaps.html）跟踪[撤销/重做]（https://grapesjs.com/docs/api/editor.html#general）事件和管理快捷方式（例如，像你这样移除默认的）。
我正在尝试以一个简单的 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捆绑所有内容时，主图标和fontawesome图标都会生成“.woff，...
artf
，也就是说HTML文件在/public/editor/demo.html，webpack输出的文件是/public/js/（bundle.js和字体文件）——所以如果我把字体文件复制到/public/editor/fonts/，就能正常工作。 我觉得从这句话来看很明显，问题出在webpack放置字体的位置（可能你只需要正确配置'file-loader'）。
如果选中的模型工具栏是动态更改的（添加按钮、移除按钮等），除非整个组件重新绘制，否则变化不会在视觉上被反映出来。我觉得如果能有可视化（自动或手动）显示工具栏属性变化的功能会很好。
artf
关闭时工具栏已经更新 “''js const selected = editor.getSelected（）; Selected.set（'toolbar'， selected.get（'toolbar'）.splice（1）） ```
你好，@artf， 我有一个关于 grapes 编辑器的问题，文档里找不到，希望你能给出答案。 基础配置： 所有组件的配置都用初始化来设置 this.editor = grapesjs.init(defaultConfiguration); 之前保存的json中的组件是通过setComponents（）添加的。 this.editor.setComponents(templateComponents) 问题所在： 我有一个自定义组件，想从中更新配置。就我而言，我想把 stylable 属性改为 false。 所以我改了组件配置，现在当我向画布添加新组件时，它会带有可样式的false属性。这很好。 但其他用 setComponent...
artf
编辑器能在不手动添加新组件的情况下，直接识别新的组件配置吗？ 其实不完全是，如果你以一种方式存储组件定义，编辑器会加载该定义。 我唯一能建议的是使用“avoidDefaults”（从v0.15.5起默认为“true”）。这样可以避免存储所有默认组件属性，避免这些情况
Hovius
谢谢你的回复！ 我打算用“avoidDefaults： true”来实现:)
我从默认输入的特性中添加了更多特质。但这些特征并未保存在 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）
警告 请阅读并遵循接下来的五个步骤，然后在发布问题前删除它们遵守贡献指南 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你能帮我解答吗
如果将拖曳模式设置为绝对且画布上有放大值，组件不会被放置在准确位置。 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
如果在画布上应用了缩放值，无法正确编辑文本组件。 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好发现
工作示例：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
谢谢！
我在本地和GrapesJS演示中使用Internet Explorer时都遇到了这个问题。 如果你在画布上拖动一个方块，然后试图通过拖回起始容器或按Esc键来取消拖拽，画布上仍然会添加一个新组件，画布高亮和工具栏就会停止工作。 拖动另一个方块到画布上而不取消，功能会恢复。 预期行为： 在将文本块拖曳到画布上后，按下 Esc 键或返回块菜单不应向编辑器添加组件。 实际行为： 在将文本块拖曳到画布上后，按下 Sc 键或返回块到块菜单，编辑器中会添加一个文本组件，组件高亮和工具栏将不再显示。 繁殖步骤： 在Internet Explorer 11中打开GrapesJS HTML演示。 点击文本块，将其拖到默认的头部部分上。 不松开鼠标，...