问题 #916💬 已回答提出于 2018年3月1日作者 tommedema1 个反应

为什么图层没有元素标签名称?

快速解答作者 maxtacco1

顺便说一下,看起来图层管理器在 https://github.com/artf/grapesjs/blob/49100b2f63411fb08d438d21a5f7ff9131773a75/src/navigator/view/ItemView.js#L28 中渲染树节点时使用了组件的 https://github.com/artf/grapesjs/blob/49100b2f63411fb08d438d21a5f7ff9131773a75/src/dom_components/model/Component.js#L35 属性。 我会在 https://github.com/artf/grapesjs/blob/dev/src/...

阅读下方完整回答 ↓

问题

我正在尝试葡萄内部结构,因为我希望将来能有所贡献。我主要关注的是用通用的HTML网站来做值得,无论CSS和HTML的风格和结构如何(包括文档类型、正文支持等)。

我原本以为“图层”层级会代表DOM树。虽然目前看起来没错,但元素的命名似乎不太对劲。例如,用这个 HTML 表示:

<img width=“392” alt=“截图 2018-03-01 11 27 28” src=“https://user-images.githubusercontent.com/331833/36839889-902ba6da-1d43-11e8-8dd3-db4f832fc34a.png”>

会这样显示:

<img width=“254” alt=“截图 2018-03-01 11 23 44” src=“https://user-images.githubusercontent.com/331833/36839899-94fea32e-1d43-11e8-81b3-03356ae572d9.png”>

而我原本期待的是这棵树:

  • 正体
    • h1
      • 文本节点
    • div
      • p
        • 文本节点

这是期望的行为吗?

回答(3)

maxtacco2018年3月2日

顺便说一下,看起来图层管理器在 https://github.com/artf/grapesjs/blob/49100b2f63411fb08d438d21a5f7ff9131773a75/src/navigator/view/ItemView.js#L28 中渲染树节点时使用了组件的 https://github.com/artf/grapesjs/blob/49100b2f63411fb08d438d21a5f7ff9131773a75/src/dom_components/model/Component.js#L35 属性。 我会在 https://github.com/artf/gr...

maxtacco2018年3月1日

GrapesJS 是基于组件的。所以,我认为在这种情况下它显示的是组件名称,而不是标签名称。我觉得添加标签名称和/或自定义图层树渲染会是个不错的改进。

maxtacco2018年3月1日

实际上,GrapesJS 组件可能包含多个 DOM 元素,因此在这种情况下显示标签名称可能不合理,因为你是为组件做样式,而不是单个元素。

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

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