问题标签 [grapesjs]

我注意到编辑器会动态计算编辑器的高度，使其成为“折叠上方”屏幕区域的全高。如果我想在编辑器下方添加一个保存按钮，则它位于折叠下方。

如果你想滚动到这个按钮，它会变得非常棘手，因为编辑器可能有自己的滚动条来处理长内容。因此，您需要将光标移出编辑器区域才能向下滚动。

我可以看到在初始化函数中有一个设置高度的选项，但它仅在您设置像素量时才有效，这意味着我不能将其设置为 90% 以留出空间。似乎是一个主要的缺点，因为他们的演示没有提交按钮。

其他人如何解决这个问题？

某些 css 无法正常工作，例如 .gjs-cv-canvas 无法正常工作。

这是我在 nextjs Grape中的grapejs 页面的截图

我正在尝试在grapesjs 的编辑器中渲染一个使用Vue 创建的网站。但我一直无法成功加载它。我知道这应该是可能的，因为编辑器使用 iframe 加载其数据，如果我修改创建的 iframe 属性 src="https://www.trinacia.com" 它会在视图中加载网站；然而，这种方法不允许我使用grapesjs的编辑器修改网站，所以它对我来说不是一个真正的解决方案。

我的代码如下所示：

HTML：

JS：

我试图加载到编辑器中的网站可以在这里找到：https ://www.trinacia.com

该网站的 HTML 是：

我正在尝试将 GrapesJs 与 react 一起使用，但似乎我无法使用 setState 钩子将编辑器中的 html 标记存储在状态中，我不太确定为什么。我正在尝试在方法上触发grapesjs中的状态更改，这是我的代码：

即使我可以从编辑器中看到 html 标记发生变化，但状态并未更新。欢迎任何建议或想法。谢谢

我在尝试使用自定义存储管理器作为插件加载内容时遇到一些问题，这是它按照以下方式工作的唯一方式：https ://github.com/artf/grapesjs/issues/2526

我需要将数据传递给加载方法，我正在尝试使用插件选项，但是我得到一个空对象，而且我的自定义存储插件正在使时事通讯预设导致错误，不太清楚为什么，我只是想让自定义存储工作：

这是我得到的错误：

我为你们创建了这个沙箱来检查我提到的空选项问题 https://codesandbox.io/s/grapesjs-3ywko

任何帮助都是极好的

我在我的网络应用程序中使用 Grapesjs 来创建网页。由于我是 GrapesJS 的新手，我不确定如何从 GrapesJs 自定义 UI。我只是使用这段代码。

它工作正常，它显示为在此处输入图像描述

现在我想改变它。编辑器的风格完全自定义。隐藏侧边栏仅在选择canvus对象时显示更改图标更改颜色更改文本编辑器如何执行这些任务。我不知道 。让我知道是否有一些最好的来源来清除所有东西

是否有事件或其他GrapesJs来捕获任何组件上的每个 dbclick？

像组件：选择或组件：切换。

这是我的代码，我也安装了节点模块，但它不工作。

当尝试保存一些包含一些脚本的组件并重新加载组件未正确呈现的页面时，我遇到了一些问题。它显示空框。示例：当我尝试从中保存图表组件jvas28/grapesjs-echarts 并重新加载页面时，我得到了这个

这是示例应用程序 https://codesandbox.io/s/craky-wescoff-93pxd?file=/src/App.js

我还尝试设置远程存储。但我得到相同的结果。这是api输出。

详细描述错误

在使用 GrapesJS 创建新模板时，我遇到了一个场景，当我们尝试从导入模式导入 CSS 时，它不会反映在编辑器中。

在空白编辑器上，我创建了一个添加了 HTML 和 CSS 的模板。之后，我需要在 CSS 部分进行一些更改，为此，我选择了编辑器顶部的 Import 选项并滚动到底部的样式标签。在那里我看到了导致问题的样式，我选择了它并将其删除。之后，我单击了“导入”按钮。然后我检查了模板&样式问题仍然存在。所以我再次打开导入模式以确认样式不存在并且我正确地删除了它。我看到我删除的样式仍然存在于样式标签内。我试图多次删除并导入它。它没有从编辑器中删除。一旦我再次打开它，它就在导入模式中。

当前的行为是什么？

从导入模式中删除样式后，它不会在编辑器中得到反映。当我们删除 HTML 元素并导入代码时没有问题。

预期的行为是什么？

使用 Import 选项导入 CSS（添加/删除/更新）后，它应该反映在编辑器中。

使用的插件

grapesjs-lory-slider，grapesjs-tabs，grapesjs-custom-code，grapesjs-touch，grapesjs-parser-postcss，grapesjs-tooltip，grapesjs-tui-image-editor，grapesjs-typed，grapesjs-style-bg，gjs-预设网页，grapesjs-plugin-forms，gjs-component-countdown，gjs-plugin-ckeditor。

你能重现演示中的错误吗？ 是的

您能否附上屏幕截图、截屏视频或现场演示？

是的，这是一个演示链接，它是 GrapesJS 本身的演示链接。Grapesjs 演示视频：https ://www.awesomescreenshot.com/video/4985996?key=d6919e1431a0774cb65b25330fcb17e3

版本：

• 葡萄 - v0.17.25
• ckeditor - 标准 - 4.14.1
• 浏览器 - Google Chrome - 版本 92.0.4515.131（官方版本）（64 位）
• 操作系统 - Linux 基本操作系统 5.1.7 Hera，基于 Ubuntu 18.04.4 LTS，Linux 5.4.0-80-generic

有没有办法重命名使用顶部菜单中的“导出到 ZIP”选项下载的 zip 文件？我在用：

我将下载文件名命名为“grapesjs_template_datetime.zip”