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

模型及返回的HTML问题

快速解答作者 artf

@krunal039 这不是问题,只是你定义自定义类型的方式。如果你在“div”上定义性状,你会在那里得到。如果你需要更新某个嵌套组件,你总可以直接从组件本身访问 “''js const linkModel = model.components().at(0); ... ```

阅读下方完整回答 ↓

问题

我下面有代码可以创建自定义组件,想通过editor.html()获取更新后的html,但返回错误的html,我确定我又漏掉了什么。 我们需要返回下面的模板 [482](https://github.com/artf/grapesjs/issues/482) 代码中心:[模板](http://codepen.io/kmpdev/full/LORdOM/) 'function createPCBoxComp(comps, defaultModel, defaultView) { comps.addType('pcBox', { 定义模型 model: defaultModel.extend({ 扩展默认属性 defaults: Object.assign({}, defaultModel.prototype.defaults, { 可掉落:错误, 虚无:0, SRC:“, 悬浮文本:“课程页面链接”, 标题:“课程链接”, ahref:“https://team.global.test/sites/testUni” 目标:“blank”, 特质:[{ 类型:“文本”, 标签:“悬浮文本”, 名称:“hoverText”, 占位符:'例如。课程页面链接', 变革提案:1, }, { 类型:“文本”, 标签:“标题(图片底部)”, 名称:“头衔”, 占位符:'例如。课程链接“, 变革提案...

回答(3)

artf2017年11月14日

@krunal039 这不是问题,只是你定义自定义类型的方式。如果你在“div”上定义性状,你会在那里得到。如果你需要更新某个嵌套组件,你总可以直接从组件本身访问 “''js const linkModel = model.components().at(0); ...

krunal0392017年11月14日

@artf谢谢回复,如果你能推荐一些样品,可以吗?

lock[bot]2019年9月18日

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

相关问答

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

问题 #527

模型和HTML返回问题

#522 @artf我照你说的试过了,但还是没成功,我不想浪费你的时间,但如果你能做一个小样本或者指引我去样本,那会非常有帮助,我肯定我漏掉了什么。 抱歉不得不开另一个问题,但这是同一个#522的延续, 这里editor.html()只有在组件渲染的特征变化未返回时才返回默认值...

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

问题 #529

Editor.setComponents(html) 在编辑器中重置为默认的特征值

#522 感谢大家的帮助,我通过 this.model.attributes 解决了问题。但现在我又遇到了另一个问题,editor.setComponents 在 html 编辑器中重置了 value,且 html 还原为默认特征值。 应用流程 1)用户被重定向到 grapes...

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

问题 #522

模型HTML问题

#513 抱歉打开新期,但你关闭了上一期,所以不得不重新创建, 我在下面遇到困难,如果你能帮我解决或指导我示例代码就太好了,或者如果你有5分钟时间,做个小代码笔也很好,非常感谢你的帮助。 我试过你建议的,但子组件的模型依然没有更新,只在组件渲染时返回默认值。 “''js fun...

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

问题 #1247

创建新类型后文本消失

你好! 我正在创建一个新块,在创建过程中(拖放)打开一个模态 https://github.com/artf/grapesjs/issues/174 真的帮了我,效果很好。 但它带来了一个令人惊讶的副作用:当我选择和取消一个文本组件时,文本会消失。 这是代码,我觉得我无意中改了...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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