GrapesJS 问题

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

找到 3,464 个问题

#20012019年5月8日作者 shiva11893 个回答
0 个反应

无法在局域网网络中访问该应用

你好@artf, 你能帮帮我吗? 无法在局域网中访问该应用,能否帮我做些什么才能让该节点应用能够在局域网中访问 谢谢:)

artf

抱歉,这个问题和图书馆本身无关

lock[bot]

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

lock[bot]

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

#20002019年5月6日作者 DylanSp2 个回答
1 个反应

:当组件的ID被更改时触发了什么事件?

我想在设置面板中组件的ID被更改时触发一些行为。我尝试过用 'editor.on()' 处理以下事件:“Component:update:id”'component:update:Id''Component:update:{id}''component:update:{Id}' 按照 [这里](https://grapesjs.com/docs/api/editor.html#available-events) 的文档操作 'component:update:propertyName',但这些都不会触发回调('() => console.log(“Testing”))。我应该听什么活动,使用'editor.on()'?

DylanSp

经过一些实验和查看源代码,触发的就是“component:update:attributes”。

lock[bot]

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

#19992019年5月6日作者 acamenhas3 个回答
0 个反应

性状延伸

你好, 我需要扩展视频类型,只为添加一个新的特征/属性:静音 有没有什么文档能告诉我如何扩展现有类型的? 谢谢

artf

想了解更多关于如何扩展组件的信息,请从这里开始:https://grapesjs.com/docs/modules/Components.html [视频组件](https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentVideo.js)的问题在于其特性处理方式略有不同,所以在这种情况下,我建议你查查它的来源,以更好地了解它们的工作原理,但我认为最后还是要看 这对你来说很有效: “...

lock[bot]

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

lock[bot]

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

#19982019年5月3日作者 VM81981 个回答
0 个反应

扩展链接组件无法正常工作。

你好@hello @artf 我正在尝试扩展链接组件,并添加新的特征,比如 href 和 target,代码如下所示。 ''function loadWithOption(opts) { 编辑。DomComponents.addType('link', { model: dModel.extend({ defaults: Object.assign({}, dModel.prototype.defaults, { 特质:[ 字符串会自动转换为文本类型 标题, { 类型:“文本”, 标签:“文本”, 名称:“文本”, }, { 类型:“选择”, 标签:“Target”, 名称:“目标”, 选项:[ { 值: '', 名称: 'Thi...

lock[bot]

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

#19962019年5月2日作者 prosenjit-manna3 个回答
0 个反应

移动优先:媒体查询排序问题

你用的是最新版本吗(旧版本不支持)?0.14.61你是在本地GrapesJS版本遇到这个bug,还是当前的演示版?我同时遇到本地和“https://unpkg.com/grapesjs”的问题问题在于移动端优先的媒体查询排序。 当前版本的媒体查询排序状态为预期的行为是什么? 我尝试按照正确的顺序修正排序。 ``` sortMediaObject: 函数 sortMediaObject() { ... 如果 (a.key.includes('最小宽度') & & b.key.includes('最小宽度')) { 返回 this4.getQueryLength(a.key) - this4.getQueryLength(b.key)...

prosenjit-manna

请点击这里查看这些变化 https://github.com/itobuztech/grapesjs/commit/3aa3b2dc7611d23e51eac524404df5b1a5814c74

artf

看起来很靠谱。我会在下次发布时添加它

Palash-Mandal

你好,@artf @prosenjit-manna, 请问你能帮我确认@prosenjit-manna 请求的功能已经在最新的 / 中实现了吗!Grapesjs - 0.19.4 / 版本 ??? 我遇到过一些问题,因为移动优先的CSS排序是随机的。

#19952019年5月2日作者 trafalmejo2 个回答
0 个反应

绑定事件没有被加载(只是在Mozilla Firefox上正常工作)

所以我用的是本地存储。我就是这样向组件添加了一些事件。 每次添加组件后,它都能正常工作。但是,如果我重新加载页面,组件依然存在,但它不再触发点击事件或 dblclick 了。我注意到这种情况在 Chrome 和 Safari 浏览器中都会发生。要解决这个问题,你必须使用 Firefox。如何在任何浏览器中修复这个问题?谢谢!

artf

你应该把那段代码作为插件添加

lock[bot]

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

#19942019年5月1日作者 webdeveloper04293 个回答
0 个反应

是否可以只为类名添加 StyleManager 属性

感谢这个超棒的图书馆。 我打算在扇区中添加样式控制器。 这种风格只针对一个职业名称,不会设定目标。 例如,“.xxx-wrapper div.active button:before” (xxx 将是组件标识符,因此内部按钮将由该扇区控制) 我试着在文档里找,但找不到。 请帮帮我。 提前感谢大家。

artf

没有风格管理器只能更改风格属性(CSS),你必须用[Traits](https://grapesjs.com/docs/modules/Traits.html)

webdeveloper0429

谢谢你,artf。 所以我们不能在CSS-Compose中使用嵌套的CSS选择器(“.xxx-封装器div.active button:before”)?

artf

你可以用 [setRule](https://grapesjs.com/docs/api/css_composer.html#setrule) 方法创建任何 CSS 规则,但在样式管理器中只显示基于类的规则

#19932019年5月1日作者 Ramkumar-Murugesan3 个回答
1 个反应

有没有办法在点击保存按钮时存储 HTML ID 及其组件

嗨。我知道 Grapesjs 会为每个 HTML 生成唯一的 ID。当我存储HTML和CSS时。HTML ID不存储在我的数据库里。所以当我把保存的数据重新加载到 Grapesjs 时,它会显示每个 HTML 元素的新唯一 ID。 在保存HTML之前。正如下图所示,我们的id=“i63ss1” ![图片](https://user-images.githubusercontent.com/33427536/57007721-75004180-6c08-11e9-8df6-4a3f8756224e.png) 但保存并加载到 Grapesjs 后,下面的图片显示 id=“i3ibuf” ![图片](https://user-image...

artf

@maryia-kabash ID 在需要时创建(添加组件相关样式、组件包含脚本等)。

artf

你不应该加载HTML/CSS,而是加载JSON数据 请 https://grapesjs.com/docs/modules/Storage.html 读这篇

maryia-kabash

@artf JSON 没有 ID(你可以在 GrapesJS 演示页面看到)。有没有办法强制保存ID?

#19922019年5月1日作者 benvmatheson3 个回答
0 个反应

有没有可能移除所有CSS,而不是重置为默认?

保存后我导出CSS,下次加载时导入。在这样做时,它会把我的CSS附加到现有的默认CSS上。 “编辑。CssComposer.clear()' 似乎重置为默认 CSS,而不是清除所有 CSS。 https://jsfiddle.net/benvmatheson/movxw7p1/3/ 有没有可能清除所有CSS,或者直接用导入CSS替换所有CSS,而不是附加到默认CSS上?

artf

保存后我导出CSS,然后下次加载时导入 请 https://grapesjs.com/docs/modules/Storage.html 读这篇

benvmatheson

那些文档里有个例子建议直接用“style”属性: 不过,其他风格仍然被预示。是否应假设在导入样式时, 它总是会在前面加上以下内容吗?

artf

这是默认的CSS,可以通过“protectedCss”选项更改,但同样,如果你的目的是编辑之前创建的模板,导入导出CSS是错误的。你可能只在创建模板时才需要导入HTML/CSS,这没问题,但之后你应该依赖编辑器创建的JSON。

#19912019年4月29日作者 afdallah3 个回答
2 个反应

可调整大小,使用 px 输出中的 unitWidth 换成百分比。

你好,@artf, 感谢你制作了这个了不起的框架。 最近我基于你的[flexbox插件](https://github.com/artf/grapesjs-blocks-flexbox)做了一个自定义组件。 ![演示](https://cdn.kapwing.com/final5cc6e37564533c0013870e09827753.gif) 红色箭头是模型的实际值。 绿箭头正是我预期的那个。 能不能把“unitWidth”设为“px”,但输出设置为“percent”? 以下是我尝试过的方法我将它们分为两个部分, “网格”组件,仅作为容器,然后我将显示设置为“flex”,“列”组件,我把它放成可调整大小。可调大小 “JavaS...

artf

啊等等,是我错了,'opts'是第三个 'updateWidth(model, value, opts = {}) {' 顺便说一下,setStyle中的第二个参数是选项(例如,'{ silent: true }'以避免触发变更监听器),这些选项也会在监听者的回调中出现,所以我就用自定义键'fromPxToPerc'来判断自定义逻辑什么时候触发变更

afdallah

你真是太棒了!! 👍 👍 非常感谢@artf。

artf

你好,@afdallah,从调整尺寸的角度来说,你需要使用“updateTarget”选项来自定义目标,但很遗憾你不能,因为它已经[被SelectCommand大量使用](https://github.com/artf/grapesjs/blob/dev/src/commands/view/SelectComponent.js#L430-L473) 所以我建议你尝试在 updateWidth 函数中使用它,以避免无限循环: “''js updateWidth(model,...

浏览所有主题