问题标签 [grapesjs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 在 GrapesJS 中将组件添加到 blockManager
所以前几天我开始使用grapesjs，到目前为止我很喜欢它。但是，我遇到了障碍。在画布（#gjs）中，我有一个预设的 div 容器：
我可以创建块/将它们添加到块部分（在前端会产生以下结构：
我可以将按钮拖到画布上，但我似乎无法将它拖到容器中（必须在上方或下方）。然后我阅读了一些看起来更像我需要做的组件。不幸的是，我不知道如何将组件实际添加到块部分或如何处理它。我可能会以错误的方式解决这个问题。
javascript - 将 GrapesJS 与 React JS 集成
我正在尝试将 GrapesJS 功能与我的 React APP 集成。
- 如何为我的 react 应用程序获取此功能以构建 HTML Web Builder。
任何帮助都会很棒。谢谢你。*
vue.js - 在 Vue 应用程序中嵌入 GrapesJS MJML
我正在尝试将 GrapesJS MJML 集成到基于 Vue 的应用程序中，但无法正确配置它。编辑器似乎已加载，但是，我得到的结果如下：
- MJML 未正确呈现
- MJML 块不可用
这就是我在 Vue 中初始化 GrapesJS MJML 的方式：
我应该手动加载块吗？欢迎所有提示。
angular - 在grapesjs中使用绝对dragMode
在我的角度应用程序中，我正在尝试dragMode像这样使用绝对值
所以在我的component.ts中我添加了dragMode：
它给出了一个错误，说在拖动块时没有定义编辑器，我该如何解决这个问题，以及如何让特定的块具有绝对dragMode的 .
amazon-web-services - 在使用 grapesjs 创建的模板中通过 Amazon SES 发送图像时不显示
我和我的团队构建了一个在其他任务中发送电子邮件的 Web 应用程序。我们正在实现一个名为grapesjs 的框架来构建模板，然后将这些模板通过电子邮件发送给电子邮件正文中的收件人。模板正在完美发送。他们看起来很棒。除了图像丢失。在某些情况下，它们会丢失，而在其他情况下，会出现散列而不是图片本身。为什么我的图片不显示？我已经在 Gmail 中对此进行了测试。当我单击“显示原始文件”，下载并在 Outlook 中打开它时，它会显示图像。
看上面
没有错误消息，没有图像
javascript - 将远程html文件加载到grapesjs中
能够使用加载 URL 获取我的远程 HTML 文件并获得状态，如何将获取的 HTML 和 CSS 加载到编辑器中？目前我在编辑器中出现空白屏幕。
到目前为止我尝试了什么：
从服务器
javascript - 用 jQuery 的 $.get() 解析 HTML，随后对对象的操作什么都不做
我目前正在使自己成为一个站点范围的页面构建器，利用GrapesJS和 JS/jQuery 来获取选定的内容，解析所述内容，最后初始化 GJS。我的问题都源于解析和随后将相对 URL 转换为绝对 URL。
在我的页面上，访问时会发生以下情况：
- 提示我输入网址
- 从 URL 加载文档
- 剥离所有
<script>s，将它们添加到 GJS 初始化变量（将脚本推src入 init.canvas.scripts），如果不src存在，将封闭代码添加到变量中以供稍后注入 <style>对/<link>标签重复步骤 3- 将所有链接转换为绝对 URL（使用此解决方案的修改版本）
- 将被操纵的页面放入
<div id="gjs"></div> init使用自定义变量初始化 GJS
目前，我使用 jQuery 的$.get()函数加载一个文档，然后使用回调数据（这是一个字符串）进行剥离等。但是，这个字符串无法在没有被解析的情况下用 jQuery 操作，所以我使用parsePage(), 应该理想情况下将此字符串转换为 jQuery 对象。使用“解析”变量，我应该能够.find('img')，不是吗？它什么也没给我...
如果我做错了，如何正确解析页面，同样重要的是，我如何才能将整个文档剥离为仅文档内部的内容<body>？
以下是我用来执行此操作的所有 JS：
感恩节快乐！
javascript - GrapesJS 模态中的 Vue 组件
是否有可能在 GrapesJS 模态中使用 Vue 组件？我想以模态显示一些 Vue 表单，用户可以在其中选择一些选项，并在提交表单后 - 在 GrapesJS 中将一些结果显示为静态 HTML。这是我到目前为止所写的：
https://codesandbox.io/s/compassionate-lumiere-ujxub
因此，在自定义组件放置时，会显示模态（onActive 函数）。在其内容中，我想放置我的 Vue 组件。在用户选择一些选项并提交表单后，我想渲染（onRender）一些静态 HTML 作为输出（用户在表单中选择的内容）。
如果这不可能，您对 Vue + GrapesJS 的另一种方法有什么建议吗？
感谢所有答案:)
integration - 我可以将grapejs网站构建器集成到我自己的网站中吗
有谁知道我是否可以将 GrapeJS 集成到我自己的网站中，以便客户可以使用它来构建自己的网站？如果有人这样做过，它有多容易，有缺点吗？
asp.net-mvc - 如何在 asp.net MVC 应用程序中集成 GrapesJS
我想使用 asp.net MVC 创建 CMS 应用程序。为此，我想添加 Grapes JS 来创建内容模板。那么，我如何将 Grapes JS 融入我的 asp.net MVC CMS 项目以供使用