创建自定义组件的最低要求
首先,开始使用组件的[改进定义](https://grapesjs.com/docs/modules/Components.html#improvement-over-addtype)。 在你的例子中,“content: (<div>Foo</div>)”会被编译成一个对象,当你在编辑器中添加一个对象或数组时,意味着你不再需要解析过程,所以你永远不会点击“isComponent”,因此该类型不会被初始化。 顺便说一句,你想和你的剪辑师达成什么效果并不那么明确
阅读下方完整回答 ↓问题
我整天都在看关于创建自定义组件的文档。我也看过 grapesjs-mjml作为示例。我正在尝试为React组件创建一个可以根据需要扩展的基础类型,但目前我只想知道调用哪些生命周期方法以及何时调用。我正在具体弄清楚 render 和 toHTML 的区别。我只做了一个基础组件并做了一些日志记录,但似乎没什么效果。这是我的代码 我传递了一个React组件作为内容,预计目前不会渲染,但我的控制台里也没有收到任何日志。不过我看到了自定义模块,所以我知道编辑器是定义的,完全符合我的预期。 我相信一定有我遗漏的简单点,但我不知道是什么。
回答(2)
首先,开始使用组件的[改进定义](https://grapesjs.com/docs/modules/Components.html#improvement-over-addtype)。 在你的例子中,“content: (<div>Foo</div>)”会被编译成一个对象,当你在编辑器中添加一个对象或数组时,意味着你不再需要解析过程,所以你永远不会点击“isComponent”,因此该类型不会被初始化。 顺便说一句,你想和你的剪辑师达成什么效果并不那么明确
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
相关问答
通过相似的问题讨论继续研究。
问题 #665
自定义组件与存档
抱歉,又是我! 我正在尝试用我的新组件“img-link”保存我的模板: 但当我用 gjs-get-inlined-html 命令保存模板(这是通讯模板)时,它不会保存图片的原始格式。 你能帮帮我吗?
问题 #1162
:Handlebars 渲染模板中的可编辑组件
你好,我已经用 grapes 大约几天了。感谢你在这个项目上的出色工作。我已经看过API文档(希望没漏掉这部分),也尝试了一些方法。基本上,我用 grapes 加载现有的.hbs(车把)文件,用户就可以编辑了。我看到之前有人问#938里如何集成车把,我照着那里的建议做了,最终得...
问题 #1529
Componet 不可编辑
我有自定义组件,并应用了 editable=true,但子元素不可编辑,我甚至尝试添加 data-gjs-editable=true,也尝试使用基本组件块,但整个组件都无法编辑。 'var 滑块类型 = 'hsbc-slider-1'; var createSliderComp...
问题 #486
自定义组件不可编辑,而且特性更新后画布也不会更新
下面是我用于特质和自定义部分的代码,但通过块添加组件后,无法编辑文本或特质更新无法更新画布。我有扩展的“文本”,而且用editor.html()时也拿不到html,点击图片时也不会打开资产管理器。我肯定是遗漏了什么。 “''js var defaultType = comps....
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。