问题 #3139💬 已回答提出于 2020年11月13日作者 adamwpe0 个反应

天赋:禁用存<table>档时自动修改功能

快速解答作者 adamwpe

啊,如果我用这个 https://github.com/artf/grapesjs-custom-code,保存时不会修改 html。 但使用“gjs-preset-newsletter”时,这个方法无法实现。 因为如果你运行命令 'gjs-get-inlined-html',它会修改代码。 E.g. HTML代码: 运行 'gjs-get-inlined-html',它输出: 我猜你没办法阻止这种情况吧?

阅读下方完整回答 ↓

问题

我遇到了一个问题,当保存自定义HTML组件(只是一个表格)时,Grapes JS会修改它。

保存之前 ![图片](https://user-images.githubusercontent.com/49768920/99049128-62512180-258e-11eb-9213-10bc30c037b0.png)

存档之后。 ![图片](https://user-images.githubusercontent.com/49768920/99049054-464d8000-258e-11eb-9545-726b0348fa4c.png)

所以我想能够插入一个表格,因为我想用 twig(一种模板语言)进行门通 :

<table>
{% 用于物品中的物品 %}
   <tr>
   {{ item.name }}
   </tr>
{% endfor %}
</table>

我相信它和#606有关,但我看不出这是否能解决我遇到的问题。

它也与#1939有关联

有没有可能禁用这个功能?

理想情况下,应该有一个HTML组件,内容不能被葡萄修改。

谢谢, 亚当

回答(3)

adamwpe2020年11月13日

啊,如果我用这个 https://github.com/artf/grapesjs-custom-code,保存时不会修改 html。 但使用“gjs-preset-newsletter”时,这个方法无法实现。 因为如果你运行命令 'gjs-get-inlined-html',它会修改代码。 E.g. HTML代码: 运行 'gjs-get-inlined-html',它输出: 我猜你没办法阻止这种情况吧?

ClaudeCode2026年5月17日

谢谢你举报,@adamwpe。 关于FEAT:关闭<table>存档时自动修改的好建议!虽然这个具体功能还没有出现在核心 API 中,但有几种方法可以实现类似的行为。 使用事件系统: “JavaScript editor.on('component:update', (component) => { 你的逻辑 }); ``` 替代方法: 听取“selector:add”以获取CSS选择器更改 使用“selector:custom”来表示自定义规则 利用“change:*”事件进行细致跟踪 构建一个插件,扩展编辑器并具备此功能 正式宣布: 如果此功能能惠及更多用户,考虑在 GrapesJS 仓...

相关问答

通过相似的问题讨论继续研究。

问题 #3138

避免<TABLE>在保存过程中被修改。

大家好, 我遇到了一个问题,当保存自定义HTML组件(只是一个表格)时,Grapes JS会修改它。 保存之前 ![图片](https://user-images.githubusercontent.com/49768920/99049128-62512180-258e-11e...

2 个回答更新于 2020年11月13日

问题 #3447

JavaScript 因编码问题无法使用

1 - 我复制了打字文本组件代码,而不是演示HTML代码; 2 - 并增加了allowScripts:1; 你可以在这里看到示例:http://bashworld.ru/demo.html 点击 查看代码,我们会看到许多 JS 编码字符。 我该如何解决这个问题?我需要解码所有...

4 个回答更新于 2021年5月22日

问题 #3486

专长:能够将所有边距、填充等属性合并更改

你好,目前 grapesjs 内置了属性,比如边际、填充,允许用户逐一更改每个属性(margin-top、margin-bottom等)。 如果能同时更改所有这些属性会很不错。比如说,有个锁定按钮,启用后会同时更改所有属性,而不是一个一个。它可能看起来像这样: ![图片](ht...

2 个回答更新于 2021年6月12日

问题 #3700

设置可拖拽:'wrapper' 不会在 wrapper 中丢弃

警告 请阅读并遵循接下来的三步,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下,看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答,否则问题可...

3 个回答更新于 2021年8月12日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。