GrapesJS 问题

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

找到 3,464 个问题

#27742020年5月14日作者 vinceumo1 个回答
0 个反应

MediaCondition:“最小宽度”断点在画布中未正确应用样式

你好, 我在移动优先的方式上遇到了一些问题。当画布在多个断点设置不同样式时,渲染出错误的样式。但生成的代码是好的,这个问题只发生在画布里。 https://codesandbox.io/s/xenodochial-shockley-s02lp?file=/index.js:496-524 “''js const 断点 = [ { 名称:“xs”,宽度:“320px” }, { 名称:“xsLg”,宽度:“400px” }, { 名称:“sm”,宽度:“630px” }, { 名称:“MD”,宽度:“740px” }, { 名称:“LG”,宽度:“1024px” }, { 名称:“XL”,宽度:“1280px” }, { 名称:“X...

artf

我们也应该用 https://github.com/artf/grapesjs/blob/201e1f9a61783080f7be885e9e0be9a40ecc16cc/src/codemanager/model/CssGenerator.js#L151-L162 的逻辑 给你 https://github.com/artf/grapesjs/blob/201e1f9a61783080f7be885e9e0be9a40ecc16cc/src/csscomposer/vie...

#27732020年5月14日作者 Light08151 个回答
0 个反应

(类型:视频)HTML5 始终是前一提供者的 src

小bug: 当将视频类型组件切换到HTML5提供商时,它总是会使用之前提供者的src。我本以为它会被清除。这还有另一个副作用,因为(不查代码)似乎你会根据SRC设置供应商。当你保存页面并重新加载到编辑器时,这尤其让人烦恼。 它也不会触发 editor.on('update')。当从错误的服务商切换到HTML5服务商时,因为画布里没有任何变化。

artf

应该会在下一个版本中修复,感谢你的反馈

#27722020年5月13日作者 Mohsen-Khakbiz1 个回答
0 个反应

:根据特质加载脚本/CSS到画布

你好。首先感谢你提供这个甜美又可爱的工具。 我需要的是根据特质向画布加载 js 或 css 文件。 假设我有一个按钮,可以选择触发灯箱。 ![1](https://user-images.githubusercontent.com/1507948/81849162-64004500-956b-11ea-9927-867bff19dfbc.jpg) 现在我需要的是,只有在勾选了这个选项后才加载Lightbox插件的文件。 我无法通过组件的“脚本”属性实现这一点。至少是干净利落的 ![2@2x](https://user-images.githubusercontent.com/1507948/81849776-454e7e00-95...

artf

当你使用'canvas: { scripts: [], styles: [] }''时,它只会将这些文件附加到编辑器的画布中,所以你在最终代码('editor.getHtml()'中不会看到它们)。 虽然没有全局列表,但你仍然可以告诉组件避免包含你的脚本 “''js const myScript = function() { cont el = this; // ... } 编辑。Components.addType('...', { 型号:{ init() { this....

#27712020年5月13日作者 antman33513 个回答
12 个反应

组件,带有textable:1,自0.16.12版本起无法工作

你好, 我刚刚更新到最新版本 0.16.12,尝试将带有 'textable:1' 属性的组件迁移到文本组件时遇到了 bug。 它在之前的版本 0.16.3 上运行。 当我移动组件时,控制台会报错 '未捕获类型错误:无法读取未定义属性'属性' - ComponentView.js:293' 我举了一个基本例子:https://codepen.io/antman3351/pen/pojZWLe 谢谢!

artf

我这里留下一个可文本组件的工作示例 https://jsfiddle.net/artur_arseniev/0b9ox72g/

0099FF

看起来是在9c24108dadf2ded39e8805b6c4a5f00c626c468b中首次出现的。 正如@antman3351指出的,'model.getView().render();' 调用是麻烦制造者。在调用栈的稍后端,我们尝试更新视图的属性,但当我们尝试访问时,“model”属性是“未定义”(https://github.com/artf/grapesjs/blob/dev/src/domcomponents/view/ComponentView.js#L29...

bogdanbs

我对此有两点建议。 问题在于异步和同步代码的混淆。 启用 rte: enable(view, rte) 以及 ComponentTextView.onActive 和 ComponentTextView.disableEditing 自问题 #3475 修复后,现已成为异步方法。 在排序器类中,富文本编辑器是同步激活的(第1133行) “''activeTextModel.trigger('active');' 但当activeRte实例在第1140行被访问时,尚未完全初始...

#27702020年5月13日作者 tiptronic852 个回答
5 个反应

集合选定元素

你好, 添加到主体后有没有办法选择元素? 当我添加链接时,我想立即打开组件设置。 我该怎么做? 提前感谢大家

Mohsen-Khakbiz

我觉得这应该可行

tiptronic85

它有效,非常感谢。 我只为链接和按钮添加代码,效果非常完美。 '如果 model.is('链接')'”

#27692020年5月12日作者 cartifon1 个回答
0 个反应

KeyMap的事件处理程序应该触发核心事件吗?

@artf,有个问题,激活keyMap时核心命令应该触发吗? 情况是: 我补充了以下内容,听众们: 当我用删除图标删除组件时,它会调用我的监听器,但当我按下“删除”键时,监听器却不会被触发......我这样做有问题吗? 你可以在这里查看: https://www.w3schools.com/code/tryit.asp?filename=GEQBCR5CLYQF

artf

是的,你说得对,指令处理器在这里直接执行 https://github.com/artf/grapesjs/blob/fbfa812eaaeeb467337107896ee6decfbfbc028e/src/keymaps/index.js#L154 它应该通过“Commands.run(id, opts)”的 https://github.com/artf/grapesjs/blob/fbfa812eaaeeb467337107896ee6decfbfbc028e/src...

#27682020年5月12日作者 kuhelbeher1 个回答
1 个反应

当用户在画布上拖动元素时,我可以添加监听器吗?

你好,GrapesJS有很多活动,可以用editor.on收听。其中之一是“canvas:drop”。但只有当我放下还没放到Canvas上的元素时才触发。但我想听用户丢弃某个已经存在于Canvas上的组件。我能实现这个目标吗?

cartifon

你好@kuhelbeher,16.2版本中加入了这个选项,你可以在这里看看: https://github.com/artf/grapesjs/releases/tag/v0.16.2

#27672020年5月12日作者 HPsisodia2 个回答
1 个反应

如何在环回应用中集成 Grapesjs

我正在开发一个环回应用,想集成 grapesjs,这样客户端可以自己制作网页模板,服务器随后会用它叠加在模板上发送一些信息。但是,我无法在服务器启动时与主应用程序一起集成并运行 grapesjs。我对这个还很陌生,所以不太了解,非常感谢大家的帮助

cartifon

GrapesJS 是一个客户端 JavaScript 库,我觉得你不能把它加到后端 NodeJS 应用里......但我也可能错了......你怎么看@artf?

artf

@HPsisodia客户端用 grapesjs 渲染编辑器,环回时只需提供 API(https://grapesjs.com/docs/modules/Storage.html#setup-the-server)。如果你不会设置带回环的服务器,很遗憾这里不是提问的合适地方

#27662020年5月12日作者 svalenciano813 个回答
1 个反应

在Firefox中将背景色设置为table/table-cell无法正常工作

嗨 我在哪里可以复制它? 演示链接:https://grapesjs.com/demo-newsletter-editor.html 浏览器信息: Firefox 75.0 我该如何复现它? 选择一个表格或表格单元格,尝试用选择器更改背景颜色。 结果颜色不会改变:(

svalenciano81

但是,为什么 Firefox 默认的 alpha 通道是“0”,而 Chrome 中是“100”?

svalenciano81

增加阿尔法通道就能解决问题 :-)

artf

我以#3260结束

#27652020年5月12日作者 svalenciano813 个回答
2 个反应

退格键触发器返回

你好, 在 Firefox 75.0 中,当按下“退格键”(event.which === 8)时,导航员会返回,Grapesjs 丢失。 复述如下: 打开Firefox浏览器 开放网址:https://grapesjs.com/ 点击:“通讯演示”屁股 从编辑器 usign “退格键”中删除元素(不使用 supr 键) 行为是:导航员回去了,编辑器迷失了。 我正在尝试这个方法,但没有效果: $document.on('keydown', function(e){ 如果(e.which === 8){ // 你可以在括号内添加其他内容。 e.preventDefault(); e.stopPropagation(); } });...

artf

应该会在下一个版本中修复

artf

@juice77这个问题在最新版本中得到了修复 https://github.com/artf/grapesjs/compare/v0.16.17...v0.16.18

tiptronic85

是的,这真的很烦人

浏览所有主题