PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #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)

artf• 2017年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日

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

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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