如何在图层面板中添加工具栏功能。
目前，没有简单的方法可以更改或自定义导航道具的内容。 接下来我们可以添加一个新的回调选项，在 [configs]（https://github.com/artf/grapesjs/blob/dev/src/navigator/config/config.js） 中执行，该选项会在 [ItemView 模板]（https://github.com/artf/grapesjs/blob/7a23e20fe5138c37088ef05382f7c759cb6fa951/src/navigator/view/ItemView.js#L22）中执行，允许任何 HTML 内容（类似于 Blocks 中的 [custom render]（htt...
阅读下方完整回答 ↓问题
我正在尝试将工具栏添加到图层面板中，但我不确定该如何操作。
有没有什么办法可以实现这一点？
工具栏 ![Toolbaricons]（https://user-images.githubusercontent.com/31751146/67986516-724acd00-fbe8-11e9-8967-21d301b1fb42.png）
我想把它们放在哪里：
![层叠PannelGrapesJS]（https://user-images.githubusercontent.com/31751146/67986313-f0f33a80-fbe7-11e9-9c89-1484f4b7c300.png）
谢谢大家的回复！
回答（3）
目前，没有简单的方法可以更改或自定义导航道具的内容。 接下来我们可以添加一个新的回调选项，在 [configs]（https://github.com/artf/grapesjs/blob/dev/src/navigator/config/config.js） 中执行，该选项会在 [ItemView 模板]（https://github.com/artf/grapesjs/blob/7a23e20fe5138c37088ef05382f7c759cb6fa951/src/navigator/view/ItemView.js#L22）中执行，允许任何 HTML 内容（类似于 Blocks 中的...
@pouyamiralayi 这就是我的意思 ![更新TBimg]（https://user-images.githubusercontent.com/31751146/68037607-5b0ded00-fc85-11e9-917c-d873a915c005.jpeg）
实际上，现在应该可以使用 ['layerManager.onRender']（https://github.com/artf/grapesjs/blob/a2450ff4585a06f5ace0242c6ea56fe6d56ba81c/src/navigator/config/config.js#L50-L61） 回调选项
相关问答
通过相似的问题讨论继续研究。
问题 #1577
内联CSS注释导致代码管理器失效
显然，这段HTML和CSS是有效的： '<div style=“color： red; / height 200px; /; font-weight： blan;”>' （因此才有注释的height属性） Grapesjs 在处理此类属性时遇到困难，因为模型上的 style 属...
问题 #1410
拖拽占位符高亮位置
@artf 当我们从顶部设置到容器的边距，并想拖动某个元素时 拖拽占位符的高亮位置似乎不对，因为它也包含了边距，而且显示在顶部 即从哪里给出边距的元素。我怎样才能只在容器内显示拖曳占位标记，而不是外部，这样用户会少一些困惑？任何帮助都将不胜感激。 ![占位错误]（https:/...
问题 #2592
模态宽度
你好，有没有办法设置模态的宽度？目前CSS设置为850px，但我想创建一个文字量较少的对话框，而且太大了： ![图片]（https://user-images.githubusercontent.com/79406/74995098-d9052800-541d-11ea-956...
问题 #1434
工具栏隐藏文本元素
@artf 请检查你的演示页面文字是否隐藏在工具栏下方。我们如何更新工具栏的位置？ ![工具栏问题]（https://user-images.githubusercontent.com/40828744/45635311-493daa80-bac2-11e8-9407-eb17...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
教程
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
浏览插件分类
直接跳转到市场上的插件分类页面。