GrapesJS 问题

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

找到 3,464 个问题

#15932018年11月19日作者 dlorenzo1 个回答
0 个反应

链接中的图片在更改父“可编辑”标志时会损坏

版本:v0.14.44 繁殖步骤:拖拽“链接块”在之前的“链接块”中拖拽“图像”选择“链接块”在控制台输入: 'editor.getSelected().set('editable', false); editor.getSelected().set('editable', true);'双击图片关闭图片弹窗 从此,无法调整、删除、复制甚至选择图片。 在 https://grapesjs.com/demo.html 上测试过

lock[bot]

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

#15922018年11月19日作者 dlorenzo2 个回答
0 个反应

高亮似乎没有效果

在使用版本 v0.14.40 时,将“highlightable”设置为 false 似乎对组件没有影响。虚线依然可见。无法用v0.12.17版本复现。

artf

是的,我注意到在发布后不久,修复应该会准备好,迎接下一个版本

lock[bot]

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

#15912018年11月18日作者 riteshdalal3 个回答
0 个反应

使用fromElement时,组件属性在加载时被强制改为小写

当 GrapesJs 使用“fromElement”初始化时,该元素的 HTML 标签中的属性会被强制改为小写。 查看实时示例(使用最新版本): https://codesandbox.io/s/zr139yj3m3 看看index.html文件和 div 的 on-Tap 属性。但初始化时,如果你用导出命令查看代码,你会发现属性已经改成了 on-tap。 预期的行为是属性名称保持不变。

artf

预期的行为是属性名称保持不变。 HTML5 的工作原理就是这样

riteshdalal

谢谢@artf。如果我创建带有骆驼壳命名的特性,那么通过“设置”添加价值时似乎能正常工作,但当元素初始化在画布上或丢弃方块时,名称会被强制改为小写。 我正在尝试在模板中添加 Angular 属性——比如 *ngIf——你能建议一个好的改进方案吗?

artf

然后你就不用用HTML初始化编辑器,而是用组件对象,然后检查如何正确存储模板数据 https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates

#15902018年11月18日作者 Geeker13 个回答
0 个反应

与另一个模板的集成

警告 请阅读并遵循接下来的五个步骤,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文,例如:“[虫子]:.......'先快速搜索一下,看看有没有人没开同样的问题不要要求为你创建示例或代码,先阅读文档和API,然后你可以发布你尝试过的(我们希望看到你的代码)以及你无法实现的所有相关陈述/问题都必须填写/回答,否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗(旧版本不支持)?如果不确定,在控制台输入“grapesjs.version”并按回...

Geeker1

我刚开始用 Grape JS,但有没有办法用带有 CSS 链接的预制模板,可以在 Grape JS Canvas 上编辑?

artf

CSS 链接可编辑 其实默认不是,但你可以为此创建一个[自定义组件](https://grapesjs.com/docs/modules/Components.html)来应对这种情况(例如用[自定义特征](https://grapesjs.com/docs/modules/Traits.html))

lock[bot]

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

#15892018年11月16日作者 SeongwoonHong2 个回答
0 个反应

在通讯演示中无法读取“_cash(一些随机数字)”的属性。

我在加载一些模板并修改时遇到了一些问题。而且看起来GrapesJS的通讯演示版也遇到了这个问题。 我有几个模板,如果我复制粘贴到新闻通讯演示中并尝试修改,它会弹出这个错误信息 “无法读取未定义的属性'_cash(一些随机数)”。 为了重现此错误,请按照上述步骤操作。前往电子报演示页面复制我下面附上的HTML和CSS代码,然后用顶部的导入模板按钮粘贴。尝试修改内容错误现在在控制台上,内置的富文本编辑器无法使用 *html 和 css(我之前用 newsletter demo 制作过这个模板)

artf

演示版的导出并非可进口...... 就你而言,“#wrapper{”风格规则会破坏某些东西,RTE因为导出代码优化而无法正常工作

lock[bot]

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

#15882018年11月16日作者 vvladev3 个回答
1 个反应

[问题]

大家好,感谢你们出色的工作和这个API! 我有个关于盒子的问题,它保存后会包裹所有组件。举个例子,假设我有自定义元素,比如“<div class=”myclass“ data-gjs-type=”custom“></div>'。保存模板并重新加载以便进一步编辑图层面板后,我发现所有装饰都被框框包裹('<div class=“c234”><div class=“myclass” data-gjs-type=“custom”></div></div>')。 这是不是存储和加载模板时设置错误,还是我没定义清楚?编辑模板时能避免这些额外方框吗? 我是这样加载模板的: 装载 editor.setComponents(storedHtml);...

cjpollard

和 https://github.com/artf/grapesjs/issues/1554 一样的问题。

vvladev

哦,是的,抱歉! 谢谢你,cjpollard!

lock[bot]

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

#15872018年11月16日作者 Geelik2 个回答
0 个反应

如何区分自定义组件的事件

你好, 我对事件有意见。 我想区分用“fromElement”配置加载组件和拖拽块加载时的事件。 问题是 init 或 initialize 在两种情况下都被调用,我没找到两者之间有变化的属性。

artf

对于从块管理器中丢弃的组件,可以使用这个事件 'block:drag:stop'。回调的论据是,如果成功丢弃的组件模型和块的模型

lock[bot]

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

#15862018年11月16日作者 crypto-dump2 个回答
0 个反应

动态更新特性选择选项

我尝试过这样做来更新特质选择。 var updateTrait = function(id, name) { var typeTrait = model.get('traits').where({name: 'type'})[0]; var options = typeTrait.get('options'); options.push({value: id, name: name}); typeTrait.set(“options”, options); }; 但点击元素后,它会显示这个错误,特质也没有更新。 ![本地社交联络 - 编辑 templatereplacevalue1_en-US - Google Chrome 20...

AkibDeraiya123

嘿@boris1989529 我现在也卡住了,即使我需要把选项推到我特质的某个阶段,也只能动态更新。 你有什么解决办法吗? 如果你找到了解决方案,非常感谢分享。 提前感谢大家。

lock[bot]

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

#15852018年11月15日作者 goremykin3 个回答
0 个反应

隐藏文本编辑器

你的方法“hideToolbar”没有提供文本编辑器超过100px的情况。 因此,在某些情况下,其部件是可见的(例如,在 customRte.enable 方法的开头) ![图片](https://user-images.githubusercontent.com/25577658/48562239-d6568180-e902-11e8-8c1c-65c30e377067.png) ![图片](https://user-images.githubusercontent.com/25577658/48562280-ea01e800-e902-11e8-94ea-9d6d8409ea32.png)

artf

你能举个活例吗?我本以为工具栏会被隐藏,因为显示“无”。

goremykin

你能举个活例吗?我本以为工具栏会被隐藏,因为显示“无”。 如果你按照这个步骤连接CKEDITOR: https://grapesjs.com/docs/guides/Replace-Rich-Text-Editor.html#interface 在 enable 方法的开头设置断点,然后双击该元素,你可以看到和截图里一样的内容

goremykin

只需要考虑到我用的是大号的 ckeditor(超过 100px)。

#15842018年11月15日作者 coder-strange3 个回答
1 个反应

无法从 editor.getComponents() 获取 Block 的脚本

下面是我要添加的组件。this.editor.BlockManager.add('dob-mmyy-pii', { ID:“多布-米”, 标签:“DOB(MM,YYYY)(PII)”, 类别:“形式”, 属性:{class:'fa fa-birthday-cake'}, 内容:{ 内容: '<div> <label>出生日期(月份和年份)</label> <input name='dob' class=“form-control”> ',</div> script : function(){ $( $(this).find('input[name=“dob”]') ).datepicker({ changeMonth: true,...

artf

@taufeek6 #1576

artf

如果“脚本”是一个函数,而你无法用 JSON 序列化它,我觉得,就你这种情况来说,你需要一个新的自定义组件类型(你只是添加一个块),然后你只导出更改过的属性(脚本会是组件定义的一部分,所以不需要在 JSON 里放它)

coder-strange

中了!这个方法完全正常,但它允许在块中选择所有元素(直接在“content”里给块 html,Content : { content : 'html' } 是正常的),那我该如何禁止在块中选择这些元素呢? ![图片](https://user-images.githubusercontent.com/19469610/48704095-b8975e00-ec1b-11e8-9cb7-324c0ff706db.png) 例如,在上面的图片中,我不希望选中那个标签、按钮或标题,...

浏览所有主题