问题 #486💬 已回答提出于 2017年11月6日作者 krunal0390 个反应

自定义组件不可编辑,而且特性更新后画布也不会更新

快速解答作者 artf

在你的模型中,你不需要定义“data-gjs-*”,它只在从HTML导入时才有意义,所以请去除这个: “''js attributes: { 'data-gjs-type': 'cust-section', }, 你不能编辑这个 “''js var rowDiv = document.createElement('section'); rowDiv.className = “row”; rowDiv.innerHTML = “示例文本请在此更改”; ``` 因为它只是一个普通的 HTML,编辑器处理的是连接到元素的模型,所以你可能需要这样一个“this.model.append('<section class=”row“> Sam...

阅读下方完整回答 ↓

问题

下面是我用于特质和自定义部分的代码,但通过块添加组件后,无法编辑文本或特质更新无法更新画布。我有扩展的“文本”,而且用editor.html()时也拿不到html,点击图片时也不会打开资产管理器。我肯定是遗漏了什么。 “''js var defaultType = comps.getType('text'); var defaultModel = defaultType.model; var defaultView = defaultType.view; createSectionComp(comps, defaultModel, defaultView) function createSectionComp(comps, defaultModel, defaultView) { comps.addType('section', { 定义模型 model: defaultModel.extend({ 扩展默认属性 defaults: Object.assign({}, defaultModel.prototype.defaults, { 类型:“section”, 标签名称:“section”, 标题:“示例标题”, 属性:{ 'data-gjs-type': 'cust-section', }, 特质:[{ 类型:“文本”, 标签:“标题”, 名称:“头衔”, 占位符:'例如。...

回答(2)

artf2017年11月7日

在你的模型中,你不需要定义“data-gjs-*”,它只在从HTML导入时才有意义,所以请去除这个: “''js attributes: { 'data-gjs-type': 'cust-section', }, 你不能编辑这个 “''js var rowDiv = document.createElement('section'); rowDiv.className = “row”; rowDiv.innerHTML = “示例文本请在此更改”; ``` 因为它只是一个普通的 HTML,编辑器处理的是连接到元素的模型,所以你可能需要这样一个“this.model.append('<sect...

lock[bot]2019年9月18日

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

相关问答

通过相似的问题讨论继续研究。

问题 #1529

Componet 不可编辑

我有自定义组件,并应用了 editable=true,但子元素不可编辑,我甚至尝试添加 data-gjs-editable=true,也尝试使用基本组件块,但整个组件都无法编辑。 'var 滑块类型 = 'hsbc-slider-1'; var createSliderComp...

3 个回答更新于 2019年10月26日

问题 #1162

:Handlebars 渲染模板中的可编辑组件

你好,我已经用葡萄大约有几天了。感谢你在这个项目上的精彩工作。我已经看过API文档(希望没漏掉这部分),也尝试了一些方法。基本上,我用 Grapes 加载已有的 .hbs(把手)文件,用户就可以编辑了。我看到之前有人问#938里如何整合车把,我照做了,最后得到了。 “JavaS...

3 个回答更新于 2019年9月17日

问题 #1964

创建自定义组件的最低要求

我整天都在看关于创建自定义组件的文档。我也看过 grapesjs-mjml 作为例子。我正在尝试为 react 组件创建一个基础类型,可以根据需要扩展,但目前我只想知道调用哪些生命周期方法以及何时被调用。我正在尝试具体区分“render”和“toHTML”这两个词。我只做了一个...

2 个回答更新于 2020年4月15日

问题 #631

如何在样式管理器中刷新激活组件的类视图

我正在使用一个特性(type=select)来更改组件的类(一个“列”组件,也就是代表宽度为1-12的类)。在我移除了之前的“col-*”类并添加新选中的类(通过select更改触发的函数)后,样式管理器的类部分仍然保留着旧类。如果我选择另一个组件,然后再次选择该列,它会得到新...

2 个回答更新于 2019年9月18日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。