0

详细描述错误

在使用 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 文件？我在用：

'gjs-preset-webpage': {
modalImportTitle: 'Import Template',
modalImportLabel: '<div style="margin-bottom: 10px; font-size: 13px;">Paste here your HTML/CSS and click Import</div>',
modalImportContent: function(editor) {
    return editor.getHtml() + '<style>'+editor.getCss()+'</style>'
},
exportOpts: {
    btnLabel: __yamlang('Export Landing Page to ZIP'),
    filenamePfx: $('#user_company_name').val()+' - ', // Client Company Name comes here
    filename: $('[name="page_name"]').val(), // Client Template Name comes here
}

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

4

0 回答 0