为什么图层没有元素标签名称?
顺便说一下,看起来图层管理器在 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
- 文本节点
- p
- h1
这是期望的行为吗?
回答(3)
顺便说一下,看起来图层管理器在 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...
GrapesJS 是基于组件的。所以,我认为在这种情况下它显示的是组件名称,而不是标签名称。我觉得添加标签名称和/或自定义图层树渲染会是个不错的改进。
实际上,GrapesJS 组件可能包含多个 DOM 元素,因此在这种情况下显示标签名称可能不合理,因为你是为组件做样式,而不是单个元素。
相关问答
通过相似的问题讨论继续研究。
问题 #1032
多个字体-at-rule的CSS规则不会被处理
葡萄 #cfde1c1 最新版本 如果你提供一个单一的“@font面”,解析就很正常: JSFiddle 示例:https://jsfiddle.net/szLp8h4n/140/ 截图: <img width=“1395” alt=“截图 2018-04-11 下午3:19:...
问题 #609
CSS 编辑会重复身体属性
它仍然在复制身体部位和属性: 当我打开它时,画面是这样的: <img width=“472” alt=“截图 2017-12-05 下午6:22 12” src=“https://user-images.githubusercontent.com/72599/33638098-...
问题 #1012
在编辑器里可以导出带有数据属性的HTML内容吗?
@artf 能否将带有“数据属性”的HTML内容导出为次序重用? 我们在之前讨论过如何传递模型中的“数据属性” <img width=“914” alt=“截图 2018-04-06 4点07点48分” src=“https://user-images.githubuserco...
问题 #1014
让预览模式记住是否应该恢复可见性模式
目前,当你启用预览模式后再关闭时,即使可见性模式已经关闭,它也会自动开启可见性模式。这确实挺让人烦恼的。 我想创建一个PR来解决这个问题,但也需要你的建议,因为我不太明白你用Backbone时该怎么正确操作。 在“commands/view/Preview.js”中,你的“停止...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。