自定义组件集成
好的，但你打算怎么处理编辑器的输出（Angular组件）？我是说，你最后会怎么用它？ 无论如何，我看到两种不同的处理方式：为每个组件创建自定义渲染（就是我用MJML做的那个概念）。这是最准确的方法，因为我应该能在画布上看到框架的具体组件（例如，如果渲染器使用相同的“编译器”，比如你的情况是Angular框架）。这可能不是最简单的方法，因为你必须对两个框架都有很好的了解（比如你这里是Angular和GrapesJS），但从长远来看，渲染器实现后可以毫无麻烦地集成新组件你可以创建一个占位组件，结果总是你的Angular组件的HTML，但视图完全由你自己构建。示例： “''js 编辑。DomComponents.addType（'Inp...
阅读下方完整回答 ↓问题
你好！ 我想用 Angular CLI 7 将一个自定义组件集成到 GrapesJS，但它无法渲染。 我的组件是建立在另一个开源组件之上的。当我想在任何 Angular 项目中包含它时，我会直接导入 typescript 文件中的依赖/库，并在 HTML 中导入组件本身（例如 <h2> <custom-comp> </custom-comp> </h2>）。 为了在 GrapesJS 中使用它，我最初创建了一个块管理器，并附加了我的自定义组件： VAR Editor = Grapesjs.init（{...}）; var blockManager = 编辑器。BlockManager; blockManager.add（'custom-comp'， { 标签：“自定义块”， 内容：'<div> <custom-comp> </custom-comp> </div>'， }); 但这种方法似乎只适用于 GrapesJS 组件，所以我尝试按照这个实现方式来实现 https://github.com/artf/grapesjs-mjml。 如果我只用： var 类型 = '自定义-合成'; blockManager.addType（type， { isComponent（el） { if（el.tagName == type.toUpperCase（）） {return {type，...
回答（3）
好的，但你打算怎么处理编辑器的输出（Angular组件）？我是说，你最后会怎么用它？ 无论如何，我看到两种不同的处理方式：为每个组件创建自定义渲染（就是我用MJML做的那个概念）。这是最准确的方法，因为我应该能在画布上看到框架的具体组件（例如，如果渲染器使用相同的“编译器”，比如你的情况是Angular框架）。这可能不是最简单的方法，因为你必须对两个框架都有很好的了解（比如你这里是Angular和GrapesJS），但从长远来看，渲染器实现后可以毫无麻烦地集成新组件你可以创建一个占位组件，结果总是你的Angular组件的HTML，但视图完全由你自己构建。示例： “''js 编辑。DomCom...
@adelliinaa我们先从一个简单的问题开始，因为我不太明白，你想做什么样的编辑器？一个用于Angular组件的构建器?!?
我想创建一个类似于你用MJML组件创建的表单构建器，但用Angular CLI代替JS。是的，我想集成在GrapesJS中的自定义组件也是用Angular构建的。
相关问答
通过相似的问题讨论继续研究。
问题 #2972
成就：禁用画布上的脚本
你好，首先感谢你提供这么棒的工具。 在我的项目中，我遇到了一个需要在编辑器里禁用脚本的问题。我发现这个问题有两个类似的问题——https://github.com/artf/grapesjs/issues/2046 https://github.com/artf/grapesj...
问题 #4083
Set root 不起作用
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Safari 15.0可复制演示链接 https://jsfiddle.net/adw6y12f/9/描述一下那个虫子 你好， 我正在尝试按照[这里]（https://github.com/artf/...
问题 #1909
SetComponents 有时非常慢
大家好 我们正在开发一个通讯应用，使用 grapesjs 作为邮件编辑器，通讯预设为 plguin 和一些自定义更改。我们把HTML存储在数据库里，我注意到有些模板用editor.setComponents方法加载起来非常慢。 我尝试通过导入加载演示页面的模板，虽然加载几乎是瞬...
问题 #1516
CKeditor 5 [增强功能]
嘿，@artf， 如以下[task]（https://github.com/artf/grapesjs/issues/1236）所述，我构建了一个ckeditor 5，它能配合GrapesJS，但部分功能表现不如预期。 项目符号和数字点创建时没有问题，但加粗、斜体和链接选项则不...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。