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

问题 #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 组件旁边运行,看起来如下: '<演示组件></演示组件> <grapesjs-组件></grapesjs-组件>' 演示组件渲染如预期 '\<demo-component ngcontent-c0=“” nghost-c1=“”> \<h1 _ngcontent-c1=“”>DEMO HERE\</H1> \</demo-component>' 把一堆 angular dep 作为脚本放到画布里,它们似乎根据浏览器的网络标签能成功加载。我还为组件做了一个自定义块,并拖入画布。 ... 画布:{ 剧本:[ '/vendor.js', “/main.js”, '/polyfills.js', '/runtime.js', “/scripts.js”, “/styles.js” ] }, 看了 html 导出的“预览”,我看到自定义元素——正如预期 “<演示组件> </演示组件>' 唯一的问题是我看不到它的 Angular 表示。看预览窗口...

回答(2)

lock[bot]• 2019年9月20日

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

相关问答

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

问题 #1699

链接元素不可复制/删除

在编辑器中,如果我们有带有某些类的链接元素,编辑器不允许复制或删除该元素。 GrapesJS 版本:v0.14.50繁殖步骤:开放 https://grapesjs.com/demo.html导入后续简单链接标签 '''html <a href=“#” class=“btn b...

3 个回答更新于 2020年1月5日

问题 #1513

在媒体查询下编写的重复CSS

嘿@artf项目做得很棒! 我注意到了一些东西,并且能在本地机器上复现。任何在“媒体查询”下写的“CSS”都会被重复/应用两次。 Grapesjs 版本 - '0.14.33' 浏览器 - “版本 69.0.3497.100(官方构建)(64位)” 操作系统 - “Window...

3 个回答更新于 2019年10月30日

问题 #1021

风格管理器部门

嘿,@artf, 由于缺乏文档,我很难弄明白如何像你在[演示](http://grapesjs.com/demo.html)中那样,在样式管理器面板部分添加组件设置(特征)。 你能给我一些实现这个的提示吗?我觉得如果开源演示项目代码,对理解整个 grapesjs 会非常有用。...

3 个回答更新于 2019年9月17日

问题 #1281

用已有的HTML和CSS内容初始化编辑器的正确方法是什么?

你好@artf,似乎为了初始化已有CSS的编辑器实例,你可以给编辑器“gjsstyles”或“gjscss”。HTML也是如此,要么是“gjscomponents”,要么是“gjshtml”。正确的做法是什么? 到目前为止,我的做法是让这段代码在运行 'grapesjs.ini...

3 个回答更新于 2019年9月17日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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