问题 #665💬 已回答提出于 2017年12月20日作者 SwithFr1 个反应

自定义组件与存档

快速解答作者 SeongwoonHong1

SRC的问题就在这里“''js// 视图editor.runCommand( 'open-assets', {// 模型应该是 img-link 里的那个目标:this.model,```我觉得你应该创建一个自定义视图,禁用内部“img”上的指针事件(比如在渲染中,这样你总是选择“img-link”模型),然后在openModal中将内部img模型作为目标传递 @artf 你能举个代码示例吗?我也遇到过同样的问题,但不太确定该如何实现你说的这些......

阅读下方完整回答 ↓

问题

抱歉,又是我! 我正在尝试用我的新组件“img-link”保存我的模板: 但当我用“gjs-get-inlined-html”命令保存模板(这是一个新闻通讯模板)时,它不会保存我的图片的原始字符。 你能帮帮我吗? “JavaScript 导出默认值(编辑器,config = {} ) => { const comps = 编辑器。主导组件; const defaultType = comps.getType( 'default'); const defaultModel = defaultType.model; const defaultView = defaultType.view; comps.addType( 'img-link', { model: defaultModel.extend( { defaults: Object.assign( {}, defaultModel.prototype.defaults, { 特质:[ 'src', { 类型:“文本”, 标签:“另类” 名称:“另类”, 变革提案:1 }, { 类型:“文本”, 标签:“Link”, 名称:“Href”, 变革提案:1 }, “标题” ] } ), 初始化:函数初始化() { defaultModel.prototype.initialize.apply( this, arguments );...

回答(3)

SeongwoonHong2019年2月25日

SRC的问题就在这里

“''js // 视图 editor.runCommand( 'open-assets', { // 模型应该是 img-link 里的那个 目标:this.model,


我觉得你应该创建一个自定义视图,禁用内部“img”上的指针事件(比如在渲染中,这样你总是选择“img-link”模型),然后在openModal中将内部img模型作为目标传递

@artf 你能举个代码示例吗?我也遇到过同样的问题,但不太确定该如何实现你说的这些......

SwithFr2017年12月20日

事实上,问题似乎来自isComponent。 我的组件被检测到他的className为“img-link”,类型“img-link”被返回并重新渲染。

artf2017年12月21日

我的组件被检测到他的className为“img-link”,并且“img-link”类型被返回并重新渲染。

“isComponent”只在解析HTML时使用,所以我不确定是否如此。 简单的“getHtml”能得到什么?你能提供你案件的现场演示吗?

相关问答

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

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

问题 #648

面板可能是可移动的,但防止移动,移除子节点上的属性

你好, 我怎样才能防止搬迁,移除子孙的属性? 在这种情况下(见下方代码),用户可以移动父节点(Template2),但所有子节点不能移动。 我试过用“propagate”,但这些属性同样适用于父级。 我也需要一个专门针对儿童的房产选项。 'blockManager.add('T...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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