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

问题 #2831💬 已回答提出于 2020年6月15日作者 mustahsanmustafa1 个反应

创建自定义组件后,文本组件的行为就不正常了

快速解答作者 artf❤ 1

你是在混合旧的 API 和新的 API 来自定义组件定义。 用 'model: defaultModel.extend({' 需要一个内部静态的 'isComponent'(你在外部使用,就像新 API 里一样),没有它,你就破坏了 [Component Type Stack](https://grapesjs.com/docs/modules/Components.html#component-recognition-and-component-type-stack) 你应该直接改 'model: defaultModel.extend({...})' to 'model: {...}但就你而言,我也建议仔细阅读 https:/...

阅读下方完整回答 ↓

问题

你好,artf, 创建自定义组件后,文本组件的行为不再像以前那样。在导入模态中修改一些代码后,它会移除所有裸节点。例如: 在导入模态中编辑内容后,会被改成: 如你所见,它移除了裸文本节点,也就是插入你的文本。 需要注意的是,当编辑器中没有添加自定义组件时,这种行为不会发生。 我创建的一个自定义组件示例:

回答(2)

artf• 2020年6月18日

你是在混合旧的 API 和新的 API 来自定义组件定义。 用 'model: defaultModel.extend({' 需要一个内部静态的 'isComponent'(你在外部使用,就像新 API 里一样),没有它,你就破坏了 [Component Type Stack](https://grapesjs.com/docs/modules/Components.html#component-recognition-and-component-type-stack) 你应该直接改 'model: defaultModel.extend({...})' to 'model: {...}但就...

mustahsanmustafa• 2020年6月15日

更新: 如果我直接从 textnode 而不是 default 扩展自定义组件,问题就会以某种方式解决: 但如果问题也能默认解决,会更好。 干杯

相关问答

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

问题 #2718

不能用i18n

又见面了,@artf, 你关闭了我之前的工单,但我没成功重新开启 我看过文件和关于保护i18N的部分,但没能用到。 在你的文档里,你用的是导入函数,基本上我的代码比较简单,也不需要导入,比如这样: <html> <身体> <link rel=“st...

3 个回答更新于 2020年4月20日

问题 #3652

如果我把文本改成链接, Grapes 就不识别链接。

你好@artf ![捕获](https://user-images.githubusercontent.com/72378934/127296691-17ee71ac-4525-426a-933d-fecd81fdf86f.PNG) 我刚接触 Grapes JavaScript...

4 个回答更新于 2021年8月3日

问题 #2154

自定义组件集成

你好! 我想用 Angular CLI 7 将一个自定义组件集成到 GrapesJS,但它无法渲染。 我的组件是建立在另一个开源组件之上的。当我想在任何 Angular 项目中包含它时,我会直接导入 typescript 文件中的依赖/库,并在 HTML 中导入组件本身(例如...

3 个回答更新于 2022年2月8日

问题 #1804

在同一个HTML标签上应用两个不同的特征,但只应用一个

你好,@artf, 如果我们需要在同一个HTML标签上初始化两个特征,那这可行吗? 实际上,我在同一个标签上定义了两种不同的特征(“在链接/标签上”)。 让我简单介绍一下你。 假设我有一组链接包含类类,类似于“非拖放”。 所以,它的HTML代码就像 所以对于上述类别的“非拖放”...

3 个回答更新于 2020年3月10日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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