GrapesJS 问题

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

找到 3,464 个问题

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

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

#6792017年12月23日作者 z1lk2 个回答
0 个反应

分类与块相似的特征

我正在构建Bootstrap插件,并且几乎每个组件都有越来越多的工具设置。再加上组件专属和ARIA设置,设置面板就变得很拥挤。我们能不能像用方块那样,把设置分类成“崩溃”? 如果我们能简单复制Blocks分类代码,我愿意贡献一个PR。

artf

谢谢@z1lk建议,确实很有道理,但我不太确定复制内容,我想避免重复代码,可能创建一个抽象视图,做同样的事情,我们可以在其他点使用它

artf

以 https://github.com/GrapesJS/grapesjs/issues/1806 为止结束此事

#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指出,这个问题现在可以关闭了

#6722017年12月22日作者 mingodad3 个回答
2 个反应

缺少擦除样式选项的选项

你好! 在某些样式选项中,无法擦除或重置一些选项,比如:font-family:如果我们选择一个字体进行实验,但决定不想要自定义,就无法重置它。dimensions-width:如果我们尝试某个值且不想要自定义值,可以擦除该值,但 CSS 中仍会出现“width:auto”样式,有时会扰乱布局(能否完全移除该属性?)。 其他几个属性也是如此,我们需要在所有属性中设置默认选项,才能从生成样式中移除或擦除它们。 干杯!

artf

你好@mingodad其实有一个选项可以清除数值,但还在开发中(需要更好地处理复合类型)。 “''js Grapesjs.init({ ... styleManager: { clearProperties: true, ... } }) ```

artf

@benvmatheson “''js const sm = 编辑。风格经理; sm.getConfig().clearProperties = 1; sm.render(); ```

afotey

如果有个SCSS风格的教程就更好了

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

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

浏览所有主题