组件名称
你可以在组件的 HTML 中使用 data-gjs-custom-name。 '<h1 data-gjs-custom-name=“Your Name” ...>'你可以在组件的 HTML 中使用 data-gjs-icon。 '<h1 data-gjs-icon='<i class=“fa fa-arrows”></i>' ...>' 请把标题改成更有意义的，让其他人能更好地找到已经解决的问题:) 编辑：你可以用“data-gjs-name”代替“data-gjs-custom-name”
阅读下方完整回答 ↓问题
我有两个问题。
-
有没有办法更改内置组件名称？我想把“Box”改成“Div”。所以同一个名字会出现在Select和图层/导航面板上。简单来说，如果我拖放一个 div，我需要它命名为 Div。
-
有没有办法在图层面板中每个物品类型的文本前面添加一个图标？我是说分区的框，UL的列表图标等等......
回答（3）
-
你可以在组件的 HTML 中使用 data-gjs-custom-name。 '<h1 data-gjs-custom-name=“Your Name” ...>'
-
你可以在组件的 HTML 中使用 data-gjs-icon。 '<h1 data-gjs-icon='<i class=“fa fa-arrows”></i>' ...>'
请把标题改成更有意义的，让其他人能更好地找到已经解决的问题:)
编辑：你可以用“data-gjs-name”代替“data-gjs-custom-name”
我还想补充一点，如果你依赖HTML5拖放，可以用'canvas：dragdata'事件 https://grapesjs.com/docs/api/editor.html#available-events
这让你能让编辑理解“外部投放”，比如默认情况下 [GrapesJS 能识别图片]（https://github.com/artf/grapesjs/blob/94e295ef919dceaade90a3aa36355f2e23935657/src/utils/Droppable.js#L113-L152），通过使用 'canvas：dragdata' 可以让它识别视频、PDF 等文件。
@NicoEngler 有没有其他方法可以为每种类型设置默认自定义名称？如果有人从外部拖放内容，我想把这些 div 的名称也显示为“Div”。:)
相关问答
通过相似的问题讨论继续研究。
问题 #1334
如何将之前保存的模板导入新模板。
@artf我保存了一些由 grapejs 创建的模板，想把它们导入到新模板中作为一个截面/块。我不想导入成HTML和CSS格式，我希望导入为组件，样式保存为JSON格式，这样像倒计时等组件不会变成div或box，同时更新后的样式也包含当前模板样式和之前的模板样式，模型也是一样，...
问题 #921
从面板按钮中选择并聚焦一个HTML元素
大家好， 有没有可能用Grapes在某个section的html里设置焦点，比如作为锚点？我有一个面板按钮，它只是选择我想要的部分，但不会聚焦到元素。这是代码： panel.addButton（'options'， [{ 编号：“链接”， 班级名称：“fa fa-th-list...
问题 #1994
是否可以只为类名添加 StyleManager 属性
感谢这个超棒的图书馆。 我打算在扇区中添加样式控制器。 这种风格只针对一个职业名称，不会设定目标。 例如，“.xxx-wrapper div.active button：before” （xxx 将是组件标识符，因此内部按钮将由该扇区控制） 我试着在文档里找，但找不到。 请帮帮...
问题 #1978
：风格总是应用到职业上
你好， 我在为单个物品做样式时遇到了个问题。 以下html代码： '''html <div class=“ddm-flex-cols”> <div class=“ddm-flex-cols-element”> 这真是一段文字 </div> <div id=“icbp” clas...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。