PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #2836💬 已回答提出于 2020年6月16日作者 RJCAM1 个反应

:添加主导组件时无法添加类别

快速解答作者 artf❤ 1

是的,你必须用“classes”属性,但我同意这很让人困惑(因为类的处理方式有些不同),所以我会尝试用“attributes.class”值来实现初始化

阅读下方完整回答 ↓

问题

GrapesJS 版本使用:0.16.12(当前)

这只是个奇怪的行为,我可以在直接在画布内添加组件时添加所有想要的属性,比如用dom components的add函数(比如下面的代码),但编辑器总是会删除这个类。

设组件 = 编辑器。DomComponents.addComponent({
    标签名称:“div”,
    内容:“内容文本”,// 组件内文本
    风格:{
        宽度:“100%”,
        高度:“100像素”,
        “背景色”:“#ddd”,
        颜色:“红色”
    },
    属性:{
        标题:'divTitle', // 这有效
        id:“divID”,// 这样可以
        class:“someClass” // 此内容将被删除
    }
});

只有当我们先创建组件并为它分配类时,才会添加该类。举个例子,我们先加上上面的代码,然后再加上下面的代码:

component.addAttributes({
    类别:“另一个类别”
});

回答(1)

artf• 2020年6月18日

是的,你必须用“classes”属性,但我同意这很让人困惑(因为类的处理方式有些不同),所以我会尝试用“attributes.class”值来实现初始化

相关问答

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

问题 #4503

CKEditor 在添加原始 HTML 组件时使用的缺少内联样式

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 铬 v96 可复制演示链接 https://grapesjs.com/demo-newsletter-editor.html 描述一下那个虫子 如何复现这个漏洞?在控制台标签页打开开发者...

4 个回答更新于 2024年8月6日

问题 #6102

重新加载自定义组件编辑器后未显示特征

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? 铬91V可复制演示链接 https://jsfiddle.net/8tsj5vpb/描述一下那个虫子 我在 GrapesJS 中遇到了一个问题,就是在重新加载编辑器后,自定义组件定义的特征没...

3 个回答更新于 2024年9月9日

问题 #5352

未捕获的语法错误:意外令牌 '{',时间为CanvasView.ts:590:12

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 版本 1.56.20 Chromium:115.0.5790.171(Offizieller 构建)(arm64) 可复制演示链接 没有 描述一下那个虫子 我有一个带有脚本的组件类型 在...

3 个回答更新于 2023年9月3日

问题 #6685

自定义组件样式在删除和重新添加后不会被应用

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞? 打开页面...

4 个回答更新于 2026年2月18日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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