考虑一个简单的块：拖到画布时，可以选择该组件，并可修改其设置。现在，我正在这样做，在卡片上添加相同的输入： '$（someElement）.find（“.card”）.html（' '）;' 输入输入成功添加，但表现不如之前。它无法被选中、拖拽或删除，因此无法修改设置和样式。有没有办法在特定元素中注入方块？

问题 #3485💬 已回答提出于 2021年5月26日作者 ahmedderkaoui0 个反应

以HTML形式注入到画布的元素不会作为组件表现

快速解答作者 GJSBlock

谢谢你举报，@ahmedderkaoui。关于元素以HTML形式注入到画布时，不作为组件表现的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（c） => console.log（...

阅读下方完整回答 ↓

问题

考虑一个简单的块：

{
  id：“输入”，
  标签：“输入”，
  内容：'<输入类型=“text”/>'，
},

拖到画布时，可以选择该组件，并可修改其设置。现在，我正在这样做，在卡片上添加相同的输入： '$（someElement）.find（“.card”）.html（'<输入类型=“text”/>'）;' 输入输入成功添加，但表现不如之前。它无法被选中、拖拽或删除，因此无法修改设置和样式。

有没有办法在特定元素中注入方块？

回答（1）

GJSBlock• 2026年5月17日

在 GitHub 上查看完整讨论 →

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →

高级方案

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

浏览高级插件 →

浏览插件分类

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

预设插件组成部分方块资产指挥 I18n 层次风格存储 RTE 通讯网页场地建设者 AI Developer Tools

以HTML形式注入到画布的元素不会作为组件表现

问题

回答（1）

相关问答

在放置“activeOnRender”组件后立即打开RTE时丢失了

组件在更新性状时重置属性值（仅首次）

How to refresh/re-render after new node added?

HTML元素的ID会在projectData加载的不同页面上递增

与此问题匹配的付费插件

相关教程

GJS.Market Is Now Available for India 🇮🇳

如何在2026年用 GrapesJS 构建AI驱动的页面构建器

2026年构建一个SaaS页面构建器需要多少钱？

浏览插件分类