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: Object doesn't support property or method 'replace' - grapes.min.js (15612,7) 演示时，当我点击它时，它跳到了“removeClass”函数中的那一行： '函数 removeClass（v， c） { 如果（v.classList） { v.classList.remove（c）; } 否则 { v.className = v....

artf

@frank-tenzing，不确定这是不是IE唯一的错误，你是不是遇到了某种模板（可能包含SVG元素）？

frank-tenzing

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

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） Grapesjs 图书馆 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 个反应

已过时