GrapesJS 问题

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

状态

排序

找到 3,464 个问题

#13742018年8月22日作者 emilsedgh3 个回答

1 个反应

默认组件属性

有没有办法更改组件的默认属性？我希望几乎所有内容都是“可复制：false，可调整尺寸：false，可拖拽：false”，除非加载的组件特别提供“data-resizable=true”。所以基本上我想把一些组件列入白名单来启用这些功能，而不是黑名单。这可行吗？

jereddanielson

@artf提醒一下，这方法并不完全符合需求。更新“默认”组件的默认属性不会对已定义的组件生效（如内置的“table”、“textnode”等），因为它们已经扩展了“默认”模型。更新“默认”组件只会改变任何进一步扩展新“默认”模型定义的新模型的默认行为。为了更新所有组件，包括现有和内置组件，使其达到理想的默认属性，我必须逐一迭代并更新。这导致了我想要的行为——建立全面的默认属性。 “JavaScript 更新所有组件模型的默认属性 const allComps = 编辑器。...

artf

你可以更新“默认”组件 https://grapesjs.com/docs/modules/Components.html#update-component-type

artf

@jereddanielson正确，这就是你应该如何更新已经定义好的组件类型。谢谢你指出这一点

查看详情

#13732018年8月21日作者 dsepulved2 个回答

0 个反应

已过时

骨干延迟

你好，我用的是骨干延迟 https://github.com/arhea/backbone-deferred，启动GrapesJS时这个库被删除了，我必须重启应用程序才能恢复，有什么办法能解决吗？

artf

我不知道，试着在 GrapesJS 之后加载那个库，或者检查一下这个，http://backbonejs.org/#Utility-Backbone-noConflict 可能有问题，因为 Grapesjs 编译后会包含自己的 Backbone 版本

lock[bot]

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

查看详情

#13722018年8月21日作者 mm5804862 个回答

0 个反应

已过时

导出时更改块

我想更改视图，但不想在导出时更改举个例子，我添加了这段代码现在我要展示这段代码我该如何采取这个行动？

artf

我会做一个[自定义组件]（https://grapesjs.com/docs/modules/Components.html）来处理这种情况。 “''js domc.addType（'data-list'， { 型号：... 默认值：（） => （{ ... 列表：[] }), 视角：...... render（） { ... const list = this.model.get（'list'）; const content = this.el.innerHTML; 插值...

lock[bot]

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

查看详情

#13702018年8月18日作者 rajatkumcom3 个回答

0 个反应

已过时

需要更改 Grapes Js 动态 ID 选择器。

这没问题，我需要一些帮助。我已经把Grapes Js集成到了Drupal 8里，用来做Drupal元素的样式。我不想要你动态生成的 id 选择器，而是如果元素有 id 就选择 id，或者让用户输入。实际上，我们对HTML元素没有控制权。只有我们能控制CSS。我们必须在 PHP 中从服务器端编辑 HTML 元素。

rajatkumcom

![grapes JS选择器 ]（https://user-images.githubusercontent.com/16242362/44298378-a564b180-a2ff-11e8-8cce-3f297387d397.png）

artf

GrapesJS 在 CSS 中输出样式，它不会内联输出，所以在这种情况下，用户必须始终指定 ID，然后再应用样式，所以设计上就是这样

lock[bot]

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

查看详情

#13692018年8月16日作者 alimajed933 个回答

0 个反应

无法复现需要更多信息已过时

一个模块的类别不总是在类别部分显示

大家好，我添加了许多自定义块，并为这些块中的所有图片赋予了相同的 css 类。暂且称之为“图像类”。当我拖拽其中两个方块，并在其中一个方块中选择一张图片时，“image-class”类一开始不会显示，点击右侧面板的类部分。只有当用户点击第二张图片时才会显示。你可以在下面的图片中看到，如果用户拖放一个“网格物品”块，选择一张图片，可以在面板右上角的类部分看到“grid-item-image”类 <img width=“1277” alt=“截图 2018-08-16 6：00 49 p.” src=“https://user-images.githubusercontent.com/28840780/44217144-745d7...

artf

无法复现，只需提供一个现场演示（正如我在问题模板中建议的**），并附上该块

alimajed93

我会和大家分享一些截图，肯定能让这个问题更清晰：步骤1：在画布中拖放一个块，点击选中 <img width=“642” alt=“截图 2018-08-21 上午10：16 29” src=“https://user-images.githubusercontent.com/28840780/44386545-7599f180-a52b-11e8-99ba-1a2c7e3dca9e.png”> 你可以看到ID没有显示应该在哪里步骤2：通过点击其他位置取消选择该块，然后再次选...

artf

我理解你的问题，但你还是得发现场演示，因为我无法复现。这可能取决于很多因素，仅仅截图是不够的。我甚至不确定你用的是不是最新版本，所以请更新一下......另一个问题是，我该如何添加类似的附加内容？比如说我想在“被选中”下添加类似标签名的东西，以显示所选组件的标签名;换句话说，我希望每次用户点击一个模块时，都能看到该块的标签名和 id。有没有办法实现这个功能？你可以依赖以下信息： “''js editor.on（'component：selected'， component...

查看详情

#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-工具栏此致敬礼。

查看详情

#13662018年8月15日作者 blairpanek3 个回答

0 个反应

需要更多信息已过时

复制CSS

在最新版本的 Grapesjs上。我可以在两个版本上复制这个bug。Linux Ubuntoo、Moxilla。我预计CSS只会出现一次，否则导出时窗口里会太多内容。CSS会被复制。@keyframes样式会发生重复。所以清除画布、拖拉标签、块到画布上、导出、导入，CSS就会被复制。在我们的版本中 grapes 我们也尝试了 protectedCSS： “'，也没用。 ![复制品]（https://user-images.githubusercontent.com/32502045/44152359-f271b802-a06a-11e8-9f54-36a683dc2d36.png）

artf

@blairpanek我不明白怎么复现这个问题，请提供一个现场演示

no-response[bot]

由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。

yomeshgupta

@artf 项目做得很棒！然而，我注意到“媒体查询”中的“CSS”在重复出现。有人知道为什么吗？我本地机器也遇到同样的问题。演示页面也出现了问题：https://grapesjs.com/demo.html

查看详情

#13652018年8月15日作者 shlomoko2 个回答

0 个反应

无效问题已过时

垂直面板按钮

你好，我正在尝试在面板中添加垂直按钮。我添加了一个带有垂直方向的flexbox，但因为额外的div是作为按钮的临时设置，所以不会影响按钮。有没有办法解决这个问题？我添加了以下似乎无效的代码（）：

artf

@shlomoko抱歉，我会关闭这个问题，这和 grapesjs 本身无关，只是你的 UI 布局设置问题

lock[bot]

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

查看详情

#13642018年8月14日作者 thangab3 个回答

0 个反应

需要更多信息已过时

：多次出现grapesjs错误

你好，我在 ReactJS 应用中使用 Grapesjs 。我有一个 react 组件，它是 Grapesjs的一个实例。所以我可以在我的应用程序中多次添加这个组件。每次我想用键盘在 grapesjs 编辑器里触发事件（删除一个块），都不行。这是错误抛出： ![grapesjs-错误]（https://user-images.githubusercontent.com/15085404/44101801-861e0d4a-9fe8-11e8-88f2-92ac2fcb60ba.png）但如果我点击图标删除该块，它就能解决。

artf

能否提供一个可复现的现场演示？附言：务必使用最新版本的Grapesjs

no-response[bot]

lock[bot]

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

查看详情

#13632018年8月14日作者 jvillena2 个回答

0 个反应

已过时

在编辑器中尝试注入新HTML内容时遇到的问题

你好，@artf，我现在正在编辑器内用多语言做内容，但我想知道如何在 Dom HTML 中保存与所选元素最近的新 HTML 元素（或者将这些元素作为编辑器内的新组件更新）。比如，我在HTML里包含了一些隐藏的div，但当我试图从编辑器里保存html并获取HTML时，我无法获得新的HTML内容。提前感谢大家。

jvillena

我刚刚通过研究 grapesjs 核心后用一个变通方法解决了问题。我来解释一下我做的解决方案： 1）我用弹窗对话框和引导切换器来选择文本语言。复杂的问题是如何更新编辑器中未选中的组件模型。为此我必须做以下操作： 2）如果我关闭语言选项，需要删除所有新组件并更新编辑器模型：工作原理如下： http://recordit.co/zcrpR0MRyv 当然，有简单的实现方法，但我没找到合适的方法。提前感谢大家。

lock[bot]

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

查看详情

GrapesJS 问题

浏览所有主题