Custom block icon

快速解答作者 artf

嗨，@mingxin-yang，你可以阅读[这里]（https://grapesjs.com/docs/modules/Blocks.html）如何创建和更新方块。如果你需要更新方块的图标或标签，可以这样做： “''js 编辑。Blocks.get（'BLOCK-ID'）.set（{ 标签：“我的街区”，媒体：“<SVG...”，// 例如：你的SVG图片 }) ```

阅读下方完整回答 ↓

问题

我想自定义封锁图标，我找到了代码：

.gjs-f-text：：before {
    内容：“O”;
}

.gjs-fonts：：before {
    显示：方块;
    字体：普通普通 14px Font3336;
    文本渲染：自动;
    -webkit-font-smoothing：抗锯齿;
    -moz-osx-font-smoothing：灰度;
    字体大小：5em;
}

如何找到我想要的“内容”？ ![]（https://raw.githubusercontent.com/mingxin-yang/images/master/Snipaste_2021-07-23_16-46-52.png）

回答（2）

artf• 2021年7月29日

GJSBlock• 2026年5月17日

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

在 GitHub 上查看完整讨论 →