问题标签 [grapesjs]

由于缺乏文档，我很难弄清楚如何将组件设置（特征）添加到样式管理器面板部分，就像在演示中一样。

是否存在代码块？我花了 2 天时间试图解决这个问题，但我找不到任何东西

我想在样式管理器中添加组件设置

我正在尝试在我的应用程序中使用grapesjs。因此，我在 html 页面的头部添加了 jquery，在正文中添加了脚本。我的 jquery 已加载到该页面中，但在加载 jquery 之前，正文中的脚本已执行。所以脚本不工作

JavaScript - 如何确保已加载 jQuery？使用上面的链接，我尝试在标题标签中给出查询，在正文中给出脚本，但它不起作用。

正文中的脚本必须在查询下载或解包后加载。

如何在Javascript中获取grapes.js的输出HTML和CSS？

我正在为时事通讯编写一个 Django 应用程序，其中我需要一个时事通讯编辑器，为此我使用了“grapes.js”时事通讯。一切都很好，但我被困在需要获取用它创建的模板的 HTML 和 CSS 的地方。
我有：

这段代码给了我模板的 html 但没有 css ！

我试过https://github.com/artf/grapesjs-mjml/issues/2。有人可以建议我缺少什么吗？谢谢。

编辑：我在下面有一个答案，但我需要的是这样的 html 和 css 就像在导出 HTML 中一样。再次感谢。

我正在尝试将 GrapesJs 与 React 结合起来。npm i grapesjs我在节点环境中安装了grapesjs 。但是当我尝试使用导入它时import grapesjs from "grapesjs"，它不会导入它并说模块grapesjs的声明文件丢失。

我在 CMS 中使用 GrapesJS。默认情况下，添加的块带有此文件中定义的组件设置：

https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Component.js

如何覆盖默认组件设置，以便它们可以全局应用于我的自定义块中的所有组件？

我正在使用 Boostrap 4 标签。在每个选项卡上，我都有一个grapesjs 的实例。一种是使用网页插件：

另一个选项卡使用时事通讯插件

我注意到它productEditor工作正常。例如，我可以单击“文本中心”按钮，一切正常。在第二个选项卡上，“文本中心”按钮不起作用。

我认为它不起作用，因为系统看到grapesjs的第一个实例而忽略了第二个。是否有正确的方法在同一页面上初始化多个grapesjs 实例？

感谢您的任何建议！

编辑

我想过做这样的事情：

这样我就可以检查哪个选项卡打开了，然后销毁或初始化当前处于活动状态的任何选项卡。

我有一个运行良好的grapesjs编辑器。但是，因为我使用了多个插件，所以我是重复的预览按钮。

这是我的初始化片段：

我附上了我所看到的屏幕。您会注意到，有重复的“预览”按钮。如果我删除一个插件，只会出现一组图标（如预期的那样）。

这是不正确的，但正在尝试按照这些方式进行操作，以查看是否可以手动删除按钮。

感谢您的任何建议。

我正在GrapesJS与Lory sliderAngular 7 集成，我需要加载编辑器生成的内联脚本，以便为滑块提供功能。

我需要在 HTML 中动态加载组件，这就是我使用“ dynamic-html ”组件的原因。

我尝试使用指令重新加载脚本，但没有任何效果，Angular 似乎找不到该元素。

TS

编辑器在“ pagina.html ”内返回的脚本

期待得到一些结果，但没有找到任何东西

尝试使用 Jquery 或 JS 获取元素

在 Grapesjs 编辑器中，我想要一个包含表单的模式。单击提交按钮时，我想调用一个将执行 ajax 调用的函数。

我尝试编写一个从默认组件扩展的自定义组件并将其作为块加载。我可以通过表单获得模态。我不知道如何跟踪表单提交按钮事件。

我的代码：

无法在 Grapesjs 中加载保存的模板