GrapesJS 问题

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

找到 3,464 个问题

#7732018年1月18日作者 kevinalvarez3 个回答
0 个反应

多个编辑器出现在同一窗口

大家好! 我正在尝试在同一窗口中启动多个编辑器。我觉得几乎所有东西都运行得很好(编辑、保存、添加组件等),但当我打开“查看代码”模态时,我看到 CSS 被重复了。 做了一些研究,我注意到在 loadModule 方法里有一行“if (Mod.onLoad) this.get('toLoad').push(Mod);”,其中“toLoad”属性是添加每个发起编辑器的所有模块。这些模块后来被用来添加 CSS 代码中的样式。 this.get('toLoad').forEach(function (module) { module.onLoad(); }); ![2018-01-17_17-52-56](https://user-ima...

artf

谢谢@kevinalvarez大概我找到了问题所在,我很快会推送修复。

kevinalvarez

谢谢@artf!我做了更改,现在一切正常。我们会等待发布。

lock[bot]

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

#7722018年1月17日作者 krunal0393 个回答
1 个反应

性状验证

有没有办法限制特质长度,比如称号不能超过255个角色,如果用户尝试添加更多,应该会显示错误信息?

ryandeba

你好@krunal039, 我知道的唯一方法是创建一个[自定义特征](https://github.com/artf/grapesjs/wiki/Traits#define-new-trait-type),然后用“getInputEl”函数在输入上设置“maxlength”属性,或者创建一个显示你想要的错误的section。

artf

我唯一知道的做法就是自定义特质 正确

krunal039

@ryandeba @artf,谢谢回复,有没有办法把属性(最大长度、验证错误信息)传递给自定义特质?

#7712018年1月17日作者 Deepak8133 个回答
0 个反应

图片原始文件没有更新

你好,@artf, 我用以下代码更新了图片原件: editor.getSelected().set('attributes', {'src': image_Url}); 但当我用下面的代码设置所有 HTML 时: editor.setComponents(templateHTML); 然后 HTMLcomponent 中的图片 src 没有更新。 请告诉我们类似的情况。

ryandeba

你好@Deepak813, 我不太确定你举的例子里“templateHTML”是从哪里来的......你图片上的“SRC”在那个变量里设置正确吗? 无论如何,在[demo](http://grapesjs.com/demo.html): 'editor.getSelected().set(“src”, “http://via.placeholder.com/350x150”)中,选择一张图片并运行这段代码对我来说似乎没问题。

artf

@Deepak813正如Ryan已经提到的,你必须使用'editor.getSelected().set('src',image_Url)'

AkibDeraiya123

@ryandeba @artf 有没有可能更改图片的其他属性,比如类别、ID等? 我试过类似的, 但这对我来说似乎没用。 你们能帮我,如何更改这个图片标签的其他属性吗?

#7702018年1月17日作者 goldengrisha3 个回答
0 个反应

自定义属性

有可能创建自定义属性吗?

artf

@goldengrisha具体一点?!?

goldengrisha

我想能添加一些属性,值为(move='0'),然后在编辑器里编辑,可以吗?

artf

@goldengrisha抱歉,你说的是给HTML元素还是组件模型添加自定义属性?

#7692018年1月17日作者 gordon-matt3 个回答
0 个反应

需要更多信息来创建资产管理后端

我正在尝试弄清楚如何在 ASP.NET Core 中为资产管理公司编写后端。我看过几个维基页面,但还是有点困惑。我真正想要的是关于如何展示现有资产、上传新素材、删除现有资产等信息。我确实看到可以通过以下上传端点进行上传: “JavaScript 资产管理人:{ ... 上传端点,设置“false”以禁用上传,默认为“false” 上传:“https://endpoint/upload/assets”, POST 中用于传递上传文件的名称,默认为“files” 上传名称:“files”, ... }, 全部列出 --- 参数: 列表 示例: 列表:“https://my-site/assets/list”(HTTP GET) 回应:...

artf

你好@gordon-matt,你用 [Asset API](https://github.com/artf/grapesjs/wiki/API-Asset-Manager) 及其 [events](https://github.com/artf/grapesjs/wiki/API-Editor#assets 管理资产,远程部分由你决定 “''js 用资源进入编辑器 const editor = Grapesjs.init({ // ... 资产管理人:{ 资产:[ 'htt...

gordon-matt

好的,我想我明白了。我会试试这个方法,谢谢。

lock[bot]

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

#7682018年1月16日作者 frank-tenzing3 个回答
0 个反应

IE浏览器问题

你好@artf, 由于 https://github.com/artf/grapesjs/issues/214 已关闭,引发了本期问题...... 我克隆了最新的仓库,并在IE 11上运行,出现了错误: 'SCRIPT438:对象不支持属性或方法'替换'——grapes.min.js (15612,7)'” 演示时,当我点击它时,它跳到了“removeClass”函数中的那一行: '函数 removeClass(v, c) { 如果 (v.classList) { v.classList.remove(c); } 否则 { v.className = v.className.replace(c, “”); } }` “v.clas...

artf

@frank-tenzing,不确定这是不是IE唯一的错误,你是不是遇到了某种模板(可能包含SVG元素)?

frank-tenzing

你好@artf,我克隆最新仓库后做了以下的事情 1)将启动脚本替换为“start”:“webpack-dev-server --open --progress --colors & npm run build:css -- -w”,;' 2)。评论道 编辑。BlockManager.add('testBlock', { 标签:“Block”, attributes: { class:'gjs-fonts gjs-f-b1', 内容:'<div style=“padding-...

artf

@frank-tenzing,谢谢,但其他浏览器呢?

#7672018年1月16日作者 frank-tenzing2 个回答
0 个反应

在对grapes.js进行修改后生成新grapes.min.js

大家好——新年快乐, 我目前正在为我们的后续项目做一些关于GrapesJs的研究。 问题是我 https://github.com/artf/grapesjs/issues/196 了压缩新grapes.min.js,但当我删除grapes.min.js并尝试修改dist文件夹里的grapes.js时,比如在removeClass函数里改了逻辑: 'function removeClass(v, c) { 如果 (v.classList) { v.classList.remove(c); } 否则 { 如果(v.className 实例的SVGAnimatedString){ 做点什么 } 否则 { v.className = v...

artf

@frank说,你不应该编辑“dist”文件夹里的文件,那些文件每次都是由“npm run build”生成的。你必须编辑“src”里的文件。 顺便说一句,那个代码似乎来自Cash Library,而不是grapesjs本身(关于这个问题,我们继续聊#768)。

lock[bot]

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

#7662018年1月16日作者 austinbiggs2 个回答
0 个反应

点击画布的其他地方时,取消选择:当前已选中

目前,一旦用户选择了任意元素,就无法取消该元素。 例如,如果我在编辑一张照片,但我想“停止编辑”照片,就无法从照片中移除该选区(点击不可编辑元素或页面背景)。 'editor.select(null );'

artf

你好,Austin,你能解释一下你选定的某个组件出了哪个问题吗?我见过很多建筑商也有类似的行为,所以说实话,我觉得这没什么问题。 顺便说一句,我觉得你可以自己实现一些东西,用“editor.select()”取消选择组件

lock[bot]

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

#7652018年1月16日作者 perfect-coders3 个回答
2 个反应

Editor.on('block:drag:stop')事件无法使用

我在之前的库里的应用程序里多次使用这个事件。现在我更新了库。 我更新了以下库—— 1)葡萄图书馆 2) Grapesjs预设网页库 3) Grapesjs-Basic-Blocks 库 但现在它不管用了。如果活动有任何变化,请告诉我。

artf

嗨,@perfect程序员们,最新版本 https://github.com/artf/grapesjs/releases/tag/v0.13.5 HTML5拖放默认启用(可通过“nativeDnd”选项禁用),遗憾的是我没能用这种方式保留这些事件。新的 d&d 模块提供了[类似功能](https://github.com/artf/grapesjs/wiki/API-Editor#canvas),但现在更通用了,因此“canvas:drop”会在任何组件丢弃(无论是来自方...

perfect-coders

非常感谢你的快速回答。我总是很喜欢你们的快速反馈。 我有一些投资选项给你。希望尽快收到你的消息。

cgatian

这让我很困惑。相关文档已经过时

#7642018年1月16日作者 vishal50332 个回答
0 个反应

触控支持

你好@artf 我们能使用带有编辑器的触摸设备吗,比如iPad或支持触摸的笔记本电脑? 你能不能带我走过去看看? 谢谢,

artf

没有,但有个关于触控支持的悬赏 https://github.com/artf/grapesjs/issues/241

lock[bot]

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

浏览所有主题