问题 #2506💬 已回答提出于 2020年1月13日作者 andrewryan19061 个反应

无法让自定义组件可悬浮/可选/可标记

快速解答作者 andrewryan19061

所以, 我最终选择使用Angular元素,但没有将元素编译成网页组件(想避免额外的复杂性)。这让我不用更换DOM元素,所以GrapesJS编辑器表现得很顺畅。没有问题了。 谢谢! 安德鲁

阅读下方完整回答 ↓

问题

我用的是GrapesJs配合Angular,并用Angular组件来扩展功能。所以我的模板长这样: 这些方法都运行良好;我已经把主控组件添加到了设计器里,组件会显示在图层设计器里,我甚至可以毫无问题地更改特征。一切都像应有的那样渲染。 然而;虽然我可以选择我的文本组件并看到徽章,但我无法选择 rs-wc-custom-component 或 rs-wc-menu。当我点击物品时,没有蓝色矩形,也没有显示徽章;我唯一能选择/更改它们的方式是通过左侧的图层面板。 我需要做些什么才能让这些内容可以选择?

回答(3)

andrewryan19062020年1月21日

所以,

我最终选择使用Angular元素,但没有将元素编译成网页组件(想避免额外的复杂性)。这让我不用更换DOM元素,所以GrapesJS编辑器表现得很顺畅。没有问题了。

谢谢! 安德鲁

andrewryan19062020年1月13日

这可能会有帮助。

作为处理元素的一部分,我正在临时用我的Angular元素替换它......所以,在渲染完 rs-wc-custom-component 标签后,我等 1 毫秒生成一个动态 Angular 组件,然后用我的动态 Angular 组件替换 rs-wc-custom-component。

会不会是这个问题?

artf2020年1月18日

作为处理元素的一部分,我正在临时用我的角元素替换它......所以,在渲染完 rs-wc-custom-component 标签后,我等 1 毫秒生成一个动态 Angular 组件,然后用我的动态 Angular 组件替换 rs-wc-custom-component。

从编辑的角度来看,这确实是主要问题。当GrapesJS解析元素时,它会把组件模型附加到DOM上,所以当你尝试与它们交互时,编辑器实际上会使用他们的模型。 但我不太清楚你是如何用图层(图层使用的是相同的组件模型)。你能做一个小型现场演示吗?

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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