GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#7752018年1月18日作者 gordon-matt2 个回答
0 个反应

当文件名有空位时,缩略图不可用

我注意到我的资产管理器里有些图片没有缩略图,而且似乎只有文件名里有空格的图片才有。

artf

是的,看起来'background-image: url(')里缺少引号。下次版本会修复。 谢谢

lock[bot]

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

#7742018年1月18日作者 ryandeba3 个回答
0 个反应

在解析内容时模仿自定义RTE的行为

你好,@artf, 我想在调用 'editor.setComponents(“<div>这是一个文本组件”)时复制[这种行为](https://github.com/artf/grapesjs/blob/f74791da68b25d1037502a2ad06093da29e25830/src/dom_components/view/ComponentTextView.js#L69)。<span style='font-size: 20px;'>这是一个嵌套元素,我不想被解析出来。“</span></div>)`.在这个例子中,我希望嵌套的“span”不要被解析为独立组件,这样我就无法选择它或以任何方式与它交互(就像我在“div”上...

ryandeba

现在我仔细想想,选项1对我来说不太适用,因为我想防止任何内嵌样式被移除,也防止任何ID/类/属性被添加到子元素中。所以我想剩下的就是选项二,或者我没想到的另一个解决方案。

artf

嘿,Ryan,这个自定义组件怎么样 “''js const domc = 编辑。主导组件; const textType = domc.getType('text'); domc.addType('raw-text', { model: textType.model.extend({ },{ isComponent: function(el) { if (el.hasAttribute && el.hasAttribute('data-raw-text')) { 返回 {...

ryandeba

谢谢@artf!我猜你的建议对我有效——我会在接下来的几个小时内试试。

#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]

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

浏览所有主题