问题标签 [grapesjs]

任何人都建议我或给我在我当地实施的适当指导。这是一个指南 ，但我想要一些更清晰的指南。因为我不理解这个指南。

https://www.npmjs.com/package/grapesjs

从我在10 天前创建的问题开始，我需要帮助解决....

你好

解释 我正在使用news-letter-preset its coooool

问题 我有不想要的行为

有关问题的更多信息 检查下面的两个链接并尝试导出，你能分辨出这里的区别吗？这里是一个屏幕截图：）

使用 gjs-preset-newsletter 插件 https://jsfiddle.net/shareefhiasat/Lup78L17/5/

使用 gjs-blocks-basic 插件 https://jsfiddle.net/shareefhiasat/4q3kxthj/1/

所以呢 ？ 它是同一个小提琴；唯一的区别是插件

预期内容 我不希望将样式等额外属性添加到我的内容中的标签中

更新

我可以阻止样式出现，但现在有额外的双引号检查这个（通过评论 css 怎么样，（我不知道这有什么影响，所以请告知））

现在另一个问题

这些双引号在后端的自由标记语法呈现中是错误的。

@artf 你能建议吗谢谢

简而言之 必须保持原样的原始代码 <#assign currentDate=. now></#assign>

变成

<#assign currentDate="." now="">

这是错误的，抛出异常，语法不正确！

更新

经过多次尝试后，我决定尝试将其添加为组件，在我评论此行 https://github.com/artf/grapesjs-preset-newsletter/blob/601ad471b29c2ffb08bc07ad9c8ecc0b6064dd21/src/openExportCommand.js#L44

并替换为

codeViewer.setContent(tmpl);

但是仍然存在一个问题，即</#list>为什么没有出现在屏幕或 HTML 源上。

https://jsfiddle.net/3xhqkc96/12/

更新 我在这里试过......

这里的解析器 https://github.com/artf/grapesjs/blob/f74791da68b25d1037502a2ad06093da29e25830/src/parser/index.js#L49

为免费标记丢弃我的结束标签，例如</#list> </#assign>

我也追踪到问题发生在这里

这条线有什么特别之处！？

我试过在控制台检查这里结束标签刚刚被评论！

摘要： 我仍然无法正常工作

我是 GrapesJs 的新手并试图实现以下目标：

我正在尝试使用GrapesJs 的存储 API实现自定义存储管理器

我正在尝试从/向localStorage（即ResponseFromLocalStorage）获取/设置数据。

下面是我的代码：

代码执行时，名为wholeRes123的 localStorage 项目已成功创建，其中包含来自ResponseFromLocalStorage的数据，但在存储更改时并未在wholeRes123中更新。

我的理解是，如果autoSave设置为true，那么存储应该在编辑完成后开始，然后store:应该执行代码。

我究竟做错了什么？请帮我解决这个问题。

谢谢你。

所以有一个名为 GrapesJS 的开源拖放网站构建器，我真的很喜欢它的概念，我想下载并安装它，问题是，我不知道如何。

任何人都可以帮助我吗？我给你留下了一张图片，说明了官方网站在官方下载区所说的内容。

先感谢您。

在此处输入图像描述

我在葡萄 js中工作了很长时间。

现在我面临一些问题。

问题：

这是我尝试在编辑器中添加的组件。

添加这些组件后，我尝试向这样的元素添加一些计算值，

但是，此代码仅更新.page组件。

如何将这些 attr 添加到.col1,.col2组件内的元素中.page？

作为页面编辑器的一部分，我想使用 GrapesJS 作为页面内容的所见即所得。

GrapesJS 如何在表单中工作？在同一页面上，您将能够更新页面名称、URL 等。

当我保存表单时，我希望从 GrapesJS 生成的 html 与页面名称、URL 等一起发布。

想法

我考虑过隐藏输入，当 GrapesJS 编辑器中的内容发生更改时，它将更新隐藏输入的值，该值将在保存表单时发布，但我不确定如何检测更改grapesjs，以便我可以更新输入值。

我正在研究基于编辑器的grapesjs

我会做一个实时预览功能。像 Visual Studio 实时预览。

我的客户需要一个功能，用户可以预览他们的工作画布的小图像，比如 vs 代码实时预览。

您可以看到底部图像上的红色框。但我无法猜测如何实现预览功能。

我只是猜测使用 iframe 或其他东西。但我无法说服这一点。

有人知道吗？请帮我。

我实现了一个小的 GrapesJS 编辑器，它允许编辑 Django/Jinja2 模板。GrapesJS 默认尝试获取src我的元素的图像：

每次我将 HTML 模板加载到 GrapesJS 编辑器时都会发生请求： http://localhost:8000/%7B%7Bimage_url%7D%7D 404 (Not Found)

尽管有这个 404 调用，GrapesJS 编辑器也能正常工作。但我想处理对图像的请求。因此，而不是 GrapesJS 进行默认调用，http://localhost:8000/%7B%7Bimage_url%7D%7D我想呈现一个占位符图像让我们说：https://placekitten.com/200/300

我目前拥有的：

JS

我怎样才能做到这一点？顺便说一句，我没有提交整个代码。假设一切都在那里。会是工作吗？

删除包含带有Js代码的html的grapesjs自定义工具（来自html编辑器）后，代码仍在葡萄编辑器中，我该如何删除它？