GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#6802017年12月25日作者 z1lk3 个回答
2 个反应

编辑职业/设置时的DOM/组件问题

我在开发插件时遇到过这个问题。我在官方演示中通过Browserstack在另一个操作系统和浏览器上复现过,所以我很确定这里有个bug。具体的繁殖步骤:加载[演示](http://grapesjs.com/demo.html),清除画布(垃圾图标),刷新页面以获得新的演示页面在画布中选择“无需编码即可构建模板”div”在样式面板中打开设置部分,在ID字段输入'a', 'ENTER', 'b', 'ENTER'(即将ID更改两次)注意组件仍然被选中,但DOM元素失去了“gjs-comp-selected”类,该类会显示蓝色边框在类编辑器中,点击X键以移除“lead-title”类立即通过设置为组件命名注意“主标题”类已在DOM中回归,...

artf

谢谢@z1lk我确认了试玩版中的问题,但背后的bug已经通过#661修复了。补丁将在下一个版本中发布

artf

现在应该已经修复了 https://github.com/artf/grapesjs/releases/tag/v0.12.58

lock[bot]

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

#6782017年12月23日作者 suchithmahadi3 个回答
0 个反应

招聘

你好, 2 个查询: 1)如何添加Demo网页中的标志。 ![截图 2017-12-23 下午6:13 32](https://user-images.githubusercontent.com/10076407/34319690-6a6ef98e-e80e-11e7-8b4b-c6b20cd16922.png) 2)如何将块管理器、风格管理器从右侧移动到左侧。 ![截图 2017-12-23 下午6:14 05](https://user-images.githubusercontent.com/10076407/34319697-8b2312fa-e80e-11e7-9631-cdf25d920b30.jpg) 谢谢。

artf

@suchithmahadi GrapesJS 自带一个默认界面,你可以用 JS 和 CSS 轻松更改

suchithmahadi

@artf 谢谢回复,至少如果你能建议具体哪里改会很有帮助。 谢谢。

JulyanoF

@suchithmahadi类似的东西 '$('.fa-th-large').remove();' 你可以把它放在 grapesjs init 之后

#6772017年12月23日作者 mingodad2 个回答
0 个反应

Escape HTML

你好! 我注意到通过 grapesjs 逃逸 html 存在几个错误,其中一些可以通过这个拉取请求 https://github.com/artf/grapesjs/pull/676 修复,但我仍然遇到启动时插入的 HTML 问题。 在下面的示例中,第一个&lt;预&gt;渲染不正确,我需要像第二个&lt;预&gt;那样双重转义,才能正确渲染,之后才能正确导入导出。 在对初始 HTML 应用了多次转换之间,结果被搞砸了。 '''html <div class=“buttons”> <h1>按钮</h1> <a 类=“BTN smooth BTN-A”>BTN-A</a> <br><br><pre>&lt;a 类=“BTN BTN-...

artf

正如前面提到的,[这里](https://github.com/artf/grapesjs/pull/676),我们必须为“'创建一个新的组件,<pre>因为跳出所有东西都不是选项

lock[bot]

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

#6742017年12月22日作者 nestor91sanchez2 个回答
1 个反应

自定义组件无法保存

我的自定义组件不会保存在封装编辑器里,刷新页面时编辑器会加载除组件外的所有组件。 Web Inspector 显示一个空的 div。 <img width=“531” alt=“截图 2017-12-22 下午3:14 08” src=“https://user-images.githubusercontent.com/2053807/34309887-d8a7a5e8-e72a-11e7-823e-5aeea5197866.png”> <img width=“1543” alt=“截图 2017-12-22 下午3:13 50” src=“https://user-images.githubusercontent.com/205...

afotey

如果你指的是让生成内容在刷新时保存并持续存在,可以试试这个: 'var editor = grapesjs.init({ 容器:“#gjs”, storageManager: { 类型:“无” id: 'gjs-', // 存储和加载时将用于的前缀标识符 类型:“本地”,// 存储类型 自动保存:true,// 自动存储数据 autoload: false, // 在 init 时自动加载存储数据 stepsBeforeSave: 1, // 如果启用自动保存,表示在触发存...

lock[bot]

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

#6732017年12月22日作者 crazyxhz3 个回答
1 个反应

如何在容器外渲染方块管理器?

我刚加入这个很棒的图书馆,看起来非常整洁干净,但我遇到的问题是。 我让 GJS 渲染在中间,我想把方块管理器和其他面板和按钮渲染成第三方的界面组件。我该怎么做? ![图片](https://user-images.githubusercontent.com/6551888/34306134-8ae7658a-e77c-11e7-86cd-38eaf305a6ce.png)

lorrandavid

@crazyxhz新版本 v0.14.5 后,现在可以在主编辑器之外渲染块管理器。你可以这样实现想要的结果: 我不知道有没有文档,但你可以在发布时的解释中找到更多 https://github.com/artf/grapesjs/releases/tag/v0.14.5@artf

artf

你好@crazyxhz目前还不能通过配置实现,但这是我想改进的地方。 目前,作为一种变通方法,渲染完成后可以通过js移动面板,块管理器必须先激活它 “''js const editor = Grapesjs.init({ ... }); editor.on('load', () => { 加载方块并放到另一个元素中 editor.runCommand('open-blocks');这样可以渲染方块 const blocksEl = document.querySelecto...

artf

感谢@lorrandavid指出,这个问题现在可以关闭了

#6702017年12月22日作者 tlatforlz2 个回答
0 个反应

如何在组件中设置图像

你好@artf, 我通过 getComponent API 获得了一个组件镜像。 我该如何在该组件的资产中设置图像? 我在文档里查了更多,但找不到。 感谢你提供的好框架。

artf

你好@tlatforlz你必须更新组件的“src” “''js imageComponent.set('src', 'https://.../image.jpg'); ```

lock[bot]

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

#6692017年12月22日作者 TWCM2 个回答
0 个反应

有没有什么方法可以用类来控制data-gjs-{property}?

@artf好,有什么方法可以用类来控制 data-gjs-property 吗?比如我在元素中添加了一个“不可复制”类,组件会自动将可复制属性改为false,用户无法在编辑器中复制该元素。

artf

你可以利用[事件](https://github.com/artf/grapesjs/wiki/API-Editor#available-events) “''js editor.on('component:add', model => { const cls = model.getAttributes()['class']; cls == 'non-tableable' && model.set('可复制', 0); }) ```

lock[bot]

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

#6682017年12月22日作者 TWCM2 个回答
0 个反应

当元素不可选择时,建议悬停并点击事件即可选择可用的父元素。

@artf你好,我能不能对select命令做一个增强功能?当光标点击或悬停在不可选择的元素时,选择跳转到可用元素。既然该元素不可选择,且元素内无能为力,我建议悬停并选择跳转到可用父节点。

TWCM

你好@artf, 我正在努力帮助实现这种增强。但我不确定我说得对不对,请帮忙核实。

lock[bot]

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

#6672017年12月21日作者 tlatforlz2 个回答
0 个反应

关于资产管理人的问题

你好@artf, 我有两个关于资产管理公司的问题。我如何通过选择设置图片,当前逻辑 上传图片后,我必须在列表中的资源中选择图片?我想上传图片后,在组件里设置它。我如何重新装填资产。我写API来保存图片到Get Image里。Asset中的图片自动保存。我想让Reload Asset从我的数据库加载图片。 感谢你提供的好框架。 祝你有美好的一天。

artf

你好@tlatforlz首先看看关于[Assets](https://github.com/artf/grapesjs/wiki/Assets)的文档页面,可能会有帮助我如何通过选择来设置图片?当前逻辑:上传图片后,我必须在列表中的资源中选择图片?我想上传图片后,在组件里设置它。 你可能想依赖[资产事件](https://github.com/artf/grapesjs/wiki/API-Editor#assets)我如何重新加载资产。我写API来保存图片到Get Imag...

lock[bot]

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

#6652017年12月20日作者 SwithFr3 个回答
1 个反应

自定义组件与存档

抱歉,又是我! 我正在尝试用我的新组件“img-link”保存我的模板: 但当我用“gjs-get-inlined-html”命令保存模板(这是一个新闻通讯模板)时,它不会保存我的图片的原始字符。 你能帮帮我吗? “JavaScript 导出默认值(编辑器,config = {} ) => { const comps = 编辑器。主导组件; const defaultType = comps.getType( 'default'); const defaultModel = defaultType.model; const defaultView = defaultType.view; comps.addType( 'img-li...

SeongwoonHong

SRC的问题就在这里“''js// 视图editor.runCommand( 'open-assets', {// 模型应该是 img-link 里的那个目标:this.model,```我觉得你应该创建一个自定义视图,禁用内部“img”上的指针事件(比如在渲染中,这样你总是选择“img-link”模型),然后在openModal中将内部img模型作为目标传递 @artf 你能举个代码示例吗?我也遇到过同样的问题,但不太确定该如何实现你说的这些......

SwithFr

事实上,问题似乎来自isComponent。 我的组件被检测到他的className为“img-link”,类型“img-link”被返回并重新渲染。

artf

我的组件被检测到他的className为“img-link”,并且“img-link”类型被返回并重新渲染。 “isComponent”只在解析HTML时使用,所以我不确定是否如此。 简单的“getHtml”能得到什么?你能提供你案件的现场演示吗?

浏览所有主题