问题 #1443💬 已回答提出于 2018年9月19日作者 sapien990 个反应

Angularjs 组件作为 Grapesjs 组件

快速解答作者 artf

所有通过“canvas.scripts”加载的自定义脚本都是在组件之前加载的,所以如果你试图挂载到某个东西上,显然是无法实现的。你可能还需要使用['组件相关'](https://grapesjs.com/docs/modules/Components-js.html#component-related)脚本

阅读下方完整回答 ↓

问题

嗨,artf, 首先,感谢这个了不起的项目,我真的很喜欢使用它。其次:这不是关于在 angular 项目中运行 grapesjs,而是完全相反:grapesjs 作为 angular 6 组件已经运行良好。我想在 Grapesjs 画布中使用其他 Angular 组件。在主页上,这个组件(只是一个 helloworld)和 grapesjs 组件并列运行,后者看起来像这样: '<demo-component></demo-component> <grapesjs-component></grapesjs-component>' 演示组件渲染如预期 '\<demo-component ngcontent-c0=“” nghost-c1=“”> \<h1 _ngcontent-c1=“”>DEMO HERE\</h1> \</demo-component>' 把一堆 angular deps 作为脚本放在画布里,它们似乎根据浏览器的网络标签页加载成功。我还为该组件创建了自定义块,并拖入画布。 ... 画布:{ 剧本:[ '/vendor.js', “/main.js”, '/polyfills.js', '/runtime.js', “/scripts.js”, “/styles.js” ] }, 看了 html 导出的“预览”,我看到自定义元素——正如预期 '<demo-compo...

回答(2)

lock[bot]2019年9月20日

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

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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