问题标签 [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中为js代码添加选项？
现在我希望我的 JS 代码也被导出？这是怎么做到的？如果我们按如下方式编辑内容，我已经在块管理器中看到了
该脚本嵌入在我的 HTML 文件中，但如果我按如下方式编辑它
我没有在我的 HTML 文件中获取脚本内容....如何让脚本嵌入到内容中？为什么它没有显示在提取的 HTML 文件中？
javascript - ZingChart 未在 GrapesJs 自定义组件类型中呈现
我正在尝试将 ZingChart 集成为 GrapesJs 中的自定义组件类型。我遵循了一些示例并实现了以下插件。
块.js
组件.js
index.js
常量.js
当我将块添加到画布时，它会呈现，但里面的 ZingChart 不会。我已经尝试过的一些事情：
- 验证是否正在调用 ZingChart 渲染函数。
- 尝试将 renderZingChart 函数调用移动到不同的组件挂钩。具体来说，component:mount、view.init() 和 view.onRender()。
- 将 renderZingChart 函数调用作为 script.onload 回调移动到脚本函数。可以在此处找到类似的示例：https ://grapesjs.com/docs/modules/Components-js.html#basic-scripts 。这确实正确呈现了 ZingChart，但感觉不正确，并且由于脚本函数在 GrapesJs 范围之外运行，因此不允许我传入参数。
我的想法已经用完了，所以任何指导都会很棒！谢谢！
javascript - 向 GrapesJS 动态添加块
我正在从数据库中检索动态 HTML、CSS 和 JS 代码。我怎样才能用这个创建块？目前，这是我的代码，
但它不起作用。请帮忙。
javascript - 如何从 GrapesJS 中的 Dom 组件更改类元素
我一直在寻找答案，现在想找到答案。所以这里有一个问题：我需要更新使用 editor.DomComponents.addType('myComponent') 添加的 GrapesDom 元素的类名。（在我正在使用的完整代码下方）
这是 HTML myCustomComponent 部分
任何人都会知道如何做到这一点？谢谢 ：）
javascript - GrapesJs 和 PHP - 存储和加载数据以在编辑器和 HTML 页面中显示
我正在使用GrapesJS构建一个简单的网页。
我以以下方式将脚本包含在head部分内部：
HTML：
Javascript：
所以我在块面板中得到一个块Simple block，我可以将它拖放到编辑器上。每当进行任何更改时，都会通过对文件autosave的 ajax 调用来触发save.php。在里面save.php，我有：
但在 Chrome 开发者工具网络选项卡中，我可以看到：
目前尚不清楚我应该在数据库中保存哪些有效负载变量以及如何保存。我曾经$content_found= file_get_contents('php://input');获得完整的内容。
将其保存到数据库后，在页面刷新时，我使用load_now.php. 在里面load_now.php，我有：
但是编辑器没有显示保存的数据。
我很确定我保存和检索数据的方式不正确。所以要点是：
Q1)我应该在数据库中保存哪些内容？以及如何从 ajax 有效负载或以任何其他方式获取变量或数据？
Q2)如何在页面重新加载后将保存的数据显示到编辑器中？
在编辑器中，我看到一个带有眼睛图像的预览选项，可以在没有任何编辑器的情况下向我显示 HTML 页面。
Q3)将数据保存到数据库后，我怎样才能将数据简单地显示为 HTML 页面而不是在任何编辑器中？